1
0

test: filecategory-buttons as header bar

This commit is contained in:
onli
2013-06-04 17:31:39 +02:00
parent e3a126af54
commit 566359a20f
2 changed files with 18 additions and 7 deletions

View File

@ -12,13 +12,6 @@
{if $media.show_upload}
<li><input type="button" value="{$CONST.ADD_MEDIA|@escape}" onclick="location.href='{$media.url}&amp;serendipity[adminAction]=addSelect&amp;serendipity[only_path]={$media.only_path|escape:url}'; return false"></li>
{/if}
<li><input type="radio" id="serendipity[filter][fileCategory][All]" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == ""}checked{/if} value=""></input>
<label for="serendipity[filter][fileCategory][All]" class="media_selector button_link">All</label>
<input id="serendipity[filter][fileCategory][Image]" type="radio" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == "image"}checked{/if} value="image"></input>
<label for="serendipity[filter][fileCategory][Image]" class="media_selector button_link">{$CONST.IMAGE}</label>
<input id="serendipity[filter][fileCategory][Video]" type="radio" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == "video"}checked{/if} value="video"></input>
<label for="serendipity[filter][fileCategory][Video]" class="media_selector button_link">{$CONST.VIDEO}</label>
</li>
</ul>
<fieldset id="media_pane_filter" class="additional_info">
@ -142,6 +135,14 @@
<input name="go" type="submit" value="{$CONST.GO}">
</div>
</fieldset>
<fieldset id="media_selector_bar">
<input type="radio" id="serendipity[filter][fileCategory][All]" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == ""}checked{/if} value=""></input>
<label for="serendipity[filter][fileCategory][All]" class="media_selector">All</label>
<input id="serendipity[filter][fileCategory][Image]" type="radio" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == "image"}checked{/if} value="image"></input>
<label for="serendipity[filter][fileCategory][Image]" class="media_selector">{$CONST.IMAGE}</label>
<input id="serendipity[filter][fileCategory][Video]" type="radio" name="serendipity[filter][fileCategory]" {if $media.filter.fileCategory == "video"}checked{/if} value="video"></input>
<label for="serendipity[filter][fileCategory][Video]" class="media_selector">{$CONST.VIDEO}</label>
</fieldset>
</form>
</div>
{if $media.nr_files < 1}

View File

@ -1466,6 +1466,9 @@ input[name="serendipity[filter][fileCategory]"] {
.media_selector {
cursor: pointer;
display: inline-block;
padding: 0.6em;
border: 1px solid #aaa;
}
input:checked + .media_selector {
@ -1480,6 +1483,13 @@ input:checked + .media_selector {
border-color: #999 #bbb #ddd;
}
#media_selector_bar {
background: #eee;
padding: 0.3em;
margin: 0.5em 2% 0.2em 0;
border: 1px solid #aaa;
}
/* SMALL SCREEN (e.g. smartphones)
----------------------------------------------------------------- */