adjust dropdown layout on unread page (#317)

main
Anil Mandepudi 9 years ago committed by Julian Lam
parent 97e4cea2d0
commit 52def50016

@ -56,11 +56,15 @@
} }
.login-block { .login-block {
@media (min-width: @screen-lg-min) { margin-top: 15px;
margin-top: 15px;
}
#login { #login {
margin-bottom: 10px; margin-bottom: 10px;
} }
}
@media (max-width: @screen-xs-max) {
.alt-login-block {
margin-bottom: 20px;
}
} }

@ -1,61 +1,58 @@
<div class="unread"> <div class="unread">
<div class="clearfix"> <!-- IMPORT partials/breadcrumbs.tpl -->
<div class="pull-left">
<!-- IMPORT partials/breadcrumbs.tpl --> <div class="btn-toolbar">
</div> <div class="markread btn-group pull-right<!-- IF !topics.length --> hidden<!-- ENDIF !topics.length -->">
<div class="btn-toolbar"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<div class="markread btn-group pull-right<!-- IF !topics.length --> hidden<!-- ENDIF !topics.length -->"> [[unread:mark_as_read]] <span class="caret"></span>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> </button>
[[unread:mark_as_read]] <span class="caret"></span> <ul class="dropdown-menu" role="menu">
</button>
<ul class="dropdown-menu" role="menu">
<li role="presentation"> <li role="presentation">
<a id="markSelectedRead" role="menuitem" tabindex="-1" href="#">[[unread:selected]]</a> <a id="markSelectedRead" role="menuitem" tabindex="-1" href="#">[[unread:selected]]</a>
</li> </li>
<li role="presentation"> <li role="presentation">
<a id="markAllRead" role="menuitem" tabindex="-1" href="#">[[unread:all]]</a> <a id="markAllRead" role="menuitem" tabindex="-1" href="#">[[unread:all]]</a>
</li> </li>
<li class="divider"></li> <li class="divider"></li>
<!-- BEGIN categories --> <!-- BEGIN categories -->
<li role="presentation" class="category" data-cid="{categories.cid}"> <li role="presentation" class="category" data-cid="{categories.cid}">
<a role="menu-item" href="#"><!-- IF categories.icon --><i class="fa fa-fw {categories.icon}"></i><!-- ENDIF categories.icon --> {categories.name}</a> <a role="menu-item" href="#"><!-- IF categories.icon --><i class="fa fa-fw {categories.icon}"></i><!-- ENDIF categories.icon --> {categories.name}</a>
</li> </li>
<!-- END categories --> <!-- END categories -->
</ul> </ul>
</div> </div>
<div class="btn-group pull-right"> <div class="btn-group pull-right">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<!-- IF selectedCategory --><!-- IF selectedCategory.icon --><i class="fa fa-fw {selectedCategory.icon}"></i><!-- ENDIF selectedCategory.icon --> {selectedCategory.name}<!-- ELSE --> <!-- IF selectedCategory --><!-- IF selectedCategory.icon --><i class="fa fa-fw {selectedCategory.icon}"></i><!-- ENDIF selectedCategory.icon --> {selectedCategory.name}<!-- ELSE -->
[[unread:all_categories]]<!-- ENDIF selectedCategory --> <span class="caret"></span> [[unread:all_categories]]<!-- ENDIF selectedCategory --> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li role="presentation" class="category"> <li role="presentation" class="category">
<a role="menu-item" href="{config.relative_path}/{selectedFilter.url}"><i class="fa fa-fw <!-- IF !selectedCategory -->fa-check<!-- ENDIF !selectedCategory -->"></i> [[unread:all_categories]]</a> <a role="menu-item" href="{config.relative_path}/{selectedFilter.url}"><i class="fa fa-fw <!-- IF !selectedCategory -->fa-check<!-- ENDIF !selectedCategory -->"></i> [[unread:all_categories]]</a>
</li> </li>
<!-- BEGIN categories --> <!-- BEGIN categories -->
<li role="presentation" class="category" data-cid="{categories.cid}"> <li role="presentation" class="category" data-cid="{categories.cid}">
<a role="menu-item" href="{config.relative_path}/{selectedFilter.url}?cid={categories.cid}"><i class="fa fa-fw <!-- IF categories.selected -->fa-check<!-- ENDIF categories.selected -->"></i><!-- IF categories.icon --><i class="fa fa-fw {categories.icon}"></i><!-- ENDIF categories.icon --> {categories.name}</a> <a role="menu-item" href="{config.relative_path}/{selectedFilter.url}?cid={categories.cid}"><i class="fa fa-fw <!-- IF categories.selected -->fa-check<!-- ENDIF categories.selected -->"></i><!-- IF categories.icon --><i class="fa fa-fw {categories.icon}"></i><!-- ENDIF categories.icon --> {categories.name}</a>
</li> </li>
<!-- END categories --> <!-- END categories -->
</ul> </ul>
</div> </div>
<div class="btn-group pull-right"> <div class="btn-group pull-right">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
{selectedFilter.name} <span class="caret"></span> {selectedFilter.name} <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<!-- BEGIN filters --> <!-- BEGIN filters -->
<li role="presentation" class="category"> <li role="presentation" class="category">
<a role="menu-item" href="{config.relative_path}/{filters.url}{querystring}"><i class="fa fa-fw <!-- IF filters.selected -->fa-check<!-- ENDIF filters.selected -->"></i>{filters.name}</a> <a role="menu-item" href="{config.relative_path}/{filters.url}{querystring}"><i class="fa fa-fw <!-- IF filters.selected -->fa-check<!-- ENDIF filters.selected -->"></i>{filters.name}</a>
</li> </li>
<!-- END filters --> <!-- END filters -->
</ul> </ul>
</div>
</div> </div>
</div> </div>

Loading…
Cancel
Save