size media date filter input fields to show up inlined

This commit is contained in:
Ian 2015-10-28 17:41:35 +01:00
parent f0268dabb0
commit c7e6e6be8d
2 changed files with 11 additions and 3 deletions

View File

@ -66,10 +66,9 @@
{if $filter.type == 'date'} {if $filter.type == 'date'}
<div class="form_field"> <div class="form_field">
<label for="serendipity_filter_{$filter@key}_from" class="visuallyhidden">{$CONST.RANGE_FROM}</label> <label for="serendipity_filter_{$filter@key}_from" class="inlined">{$CONST.RANGE_FROM|lower}</label>
<input id="serendipity_filter_{$filter@key}_from" name="serendipity[filter][{$filter@key}][from]" type="date" placeholder="2001-01-31" value="{$media.filter[$filter@key].from|escape}"> <input id="serendipity_filter_{$filter@key}_from" name="serendipity[filter][{$filter@key}][from]" type="date" placeholder="2001-01-31" value="{$media.filter[$filter@key].from|escape}">
- <label for="serendipity_filter_{$filter@key}_to" class="inlined">{$CONST.RANGE_TO|lower}</label>
<label for="serendipity_filter_{$filter@key}_to" class="visuallyhidden">{$CONST.RANGE_TO}</label>
<input id="serendipity_filter_{$filter@key}_to" name="serendipity[filter][{$filter@key}][to]" type="date" placeholder="2005-12-31" value="{$media.filter[$filter@key].to|escape}"> <input id="serendipity_filter_{$filter@key}_to" name="serendipity[filter][{$filter@key}][to]" type="date" placeholder="2005-12-31" value="{$media.filter[$filter@key].to|escape}">
</div> </div>
{elseif $filter.type == 'intrange'} {elseif $filter.type == 'intrange'}

View File

@ -2936,6 +2936,14 @@ img.mfp-img {
.manage h3 { .manage h3 {
width: 15em; width: 15em;
} }
#media_pane_filter div fieldset input {/*mediafilter*/
width: 6em;
}
#media_filter .inlined {/*mediafilter*/
display: inline-block;
width: auto;
}
} }
@media only screen and (min-width: 480px) { @media only screen and (min-width: 480px) {
@ -2983,6 +2991,7 @@ img.mfp-img {
#image_directory_create_form label { #image_directory_create_form label {
display: inline-block; display: inline-block;
width: 20%; width: 20%;
white-space: nowrap;/*mediafilter*/
} }
#sort_entries .form_select select, #sort_entries .form_select select,