FIX: Remove border-box from modal-body to avoid iOS fixed position bug

This commit is contained in:
Kris 2020-02-19 11:08:15 -05:00
parent c954d083df
commit de559f3fe3
8 changed files with 25 additions and 14 deletions

View File

@ -1,5 +1,7 @@
{{#d-modal-body class='change-ownership'}} {{#d-modal-body class='change-ownership'}}
{{{i18n 'topic.change_owner.instructions' count=selectedPostsCount old_user=selectedPostsUsername}}} <span>
{{{i18n 'topic.change_owner.instructions' count=selectedPostsCount old_user=selectedPostsUsername}}}
</span>
<form> <form>
<label></label> <label></label>

View File

@ -69,7 +69,6 @@
</p> </p>
</div> </div>
</div> </div>
<hr>
<div class="feature-section"> <div class="feature-section">
<div class="desc"> <div class="desc">
<p> <p>
@ -119,7 +118,6 @@
</div> </div>
{{/if}} {{/if}}
{{#if currentUser.staff}} {{#if currentUser.staff}}
<hr>
<div class="feature-section"> <div class="feature-section">
<div class="desc"> <div class="desc">
<p> <p>

View File

@ -10,9 +10,12 @@
width: 2em; width: 2em;
} }
} }
#rc-scroll-anchor {
padding: 0;
}
table { table {
width: 100%;
padding-bottom: 150px; padding-bottom: 150px;
margin: 0 0.667em;
td { td {
padding: 0.5em 0.5em 0.5em 0; padding: 0.5em 0.5em 0.5em 0;
@include breakpoint(mobile, min-width) { @include breakpoint(mobile, min-width) {

View File

@ -191,9 +191,6 @@
} }
.modal-body { .modal-body {
position: relative;
box-sizing: border-box;
width: 100%;
overflow-y: auto; overflow-y: auto;
max-height: 400px; max-height: 400px;
@ -248,8 +245,9 @@
} }
} }
textarea { textarea {
width: 99%; width: 100%;
height: 80px; height: 80px;
box-sizing: border-box;
} }
p { p {
font-size: $font-0; font-size: $font-0;

View File

@ -68,16 +68,16 @@
} }
.modal-body.feature-topic { .modal-body.feature-topic {
padding: 5px;
max-height: 500px; max-height: 500px;
input.date-picker { input.date-picker {
margin: 0; margin: 0;
} }
hr {
margin: 10px 0;
}
.feature-section { .feature-section {
display: block; display: block;
padding: 1em 0.667em;
&:not(:last-of-type) {
border-bottom: 1px solid $primary-low;
}
.badge-wrapper { .badge-wrapper {
margin-right: 0; margin-right: 0;
} }
@ -96,6 +96,10 @@
position: relative; position: relative;
} }
} }
.d-modal-cancel {
margin-left: 0;
}
} }
.desktop-view .feature-topic-modal { .desktop-view .feature-topic-modal {
@ -118,7 +122,7 @@
display: block; display: block;
clear: both; clear: both;
max-width: 90%; max-width: 90%;
margin: 0 10px; margin: 0;
} }
} }

View File

@ -2,6 +2,7 @@
.modal-body { .modal-body {
max-width: 475px; max-width: 475px;
min-width: 320px; min-width: 320px;
padding: 0;
} }
.modal-header { .modal-header {

View File

@ -23,7 +23,10 @@
top: 50%; top: 50%;
} }
.modal-body { .modal-body {
padding: 10px; > * {
box-sizing: border-box;
padding: 0.667em;
}
} }
// we need a little extra room on mobile for the // we need a little extra room on mobile for the
@ -46,6 +49,7 @@
#choosing-topic { #choosing-topic {
p { p {
margin-top: 0; margin-top: 0;
padding-bottom: 0;
} }
input[type="radio"] { input[type="radio"] {

View File

@ -62,6 +62,7 @@
} }
.discourse-local-dates-create-modal { .discourse-local-dates-create-modal {
box-sizing: border-box;
min-height: 320px; min-height: 320px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;