FIX: puts the datepicker on it's own line on mobile device in the feature topic modal

This commit is contained in:
Régis Hanol 2018-05-16 17:33:55 +02:00
parent ae6236d090
commit d5ae0a92ef
2 changed files with 36 additions and 12 deletions

View File

@ -36,12 +36,22 @@
<p>
{{i18n "topic.feature_topic.pin_note"}}
</p>
<p class="with-validation">
{{{pinMessage}}}
{{d-icon "clock-o"}}
{{date-picker-future value=model.pinnedInCategoryUntil}}
{{popup-input-tip validation=pinInCategoryValidation shownAt=pinInCategoryTipShownAt}}
</p>
{{#if site.isMobileDevice}}
<p>
{{{pinMessage}}}
</p>
<p class="with-validation">
{{date-picker-future value=model.pinnedInCategoryUntil}}
{{popup-input-tip validation=pinInCategoryValidation shownAt=pinInCategoryTipShownAt}}
</p>
{{else}}
<p class="with-validation">
{{{pinMessage}}}
{{d-icon "clock-o"}}
{{date-picker-future value=model.pinnedInCategoryUntil}}
{{popup-input-tip validation=pinInCategoryValidation shownAt=pinInCategoryTipShownAt}}
</p>
{{/if}}
<p>
{{d-button action="pin" icon="thumb-tack" label="topic.feature.pin" class="btn-primary"}}
</p>
@ -62,12 +72,22 @@
<p>
{{i18n "topic.feature_topic.global_pin_note"}}
</p>
<p class="with-validation">
{{i18n "topic.feature_topic.pin_globally"}}
{{d-icon "clock-o"}}
{{date-picker-future value=model.pinnedGloballyUntil}}
{{popup-input-tip validation=pinGloballyValidation shownAt=pinGloballyTipShownAt}}
</p>
{{#if site.isMobileDevice}}
<p>
{{i18n "topic.feature_topic.pin_globally"}}
</p>
<p class="with-validation">
{{date-picker-future value=model.pinnedGloballyUntil}}
{{popup-input-tip validation=pinGloballyValidation shownAt=pinGloballyTipShownAt}}
</p>
{{else}}
<p class="with-validation">
{{i18n "topic.feature_topic.pin_globally"}}
{{d-icon "clock-o"}}
{{date-picker-future value=model.pinnedGloballyUntil}}
{{popup-input-tip validation=pinGloballyValidation shownAt=pinGloballyTipShownAt}}
</p>
{{/if}}
<p>
{{d-button action="pinGlobally" icon="thumb-tack" label="topic.feature.pin_globally" class="btn-primary"}}
</p>

View File

@ -114,6 +114,10 @@
height: 100%;
z-index: z("modal","content");
overflow: auto;
.modal-body {
max-height: none !important;
}
}
.modal-form {