various fixes

This commit is contained in:
Andy Miller
2016-03-07 16:09:44 -07:00
parent 1a7acb2692
commit 04c90e8bf6
4 changed files with 58 additions and 41 deletions

File diff suppressed because one or more lines are too long

View File

@@ -13,6 +13,9 @@
@else if $breakpoint == large-mobile-range {
@media only #{$media} and (min-width: $large-mobile-container + 0.063) and (max-width: $tablet-container - 0.062) { @content; }
}
@else if $breakpoint == mini-nav-range {
@media only #{$media} and (min-width: $tablet-container - 0.062) and (max-width: $large-desktop-container - 0.062) { @content; }
}
@else if $breakpoint == small-mobile-range {
@media only #{$media} and (max-width: $large-mobile-container) { @content; }
}
@@ -38,5 +41,4 @@
@media only #{$media} and (min-width: $large-desktop-container - 0.062) { @content; }
}
}
}

View File

@@ -66,8 +66,26 @@ $sidebar-padding: 2rem;
}
}
#admin-menu em {
display: inline;
#admin-menu {
em {
display: inline;
}
li {
.badges {
.updates {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
position: relative;
top: auto;
right: auto;
@extend .badge;
}
.count {
display: inline-block;
}
}
}
}
}
}
@@ -96,13 +114,9 @@ $sidebar-padding: 2rem;
}
.front-end {
@include breakpoint(tablet-plus) {
@include breakpoint(mini-nav-range) {
display: none;
}
@include breakpoint(large-desktop-plus) {
display: inline-block;
}
}
}
@@ -156,16 +170,11 @@ $sidebar-padding: 2rem;
overflow: hidden;
text-align: left;
@include breakpoint(tablet-plus) {
@include breakpoint(mini-nav-range) {
padding: 12px;
text-align: center;
}
@include breakpoint(large-desktop-plus) {
padding: $sidebar-padding;
text-align: left;
}
img {
@include transition(all 0.5s ease);
border-radius: 100%;
@@ -177,15 +186,10 @@ $sidebar-padding: 2rem;
margin-top: 5px;
display: block;
@include breakpoint(tablet-plus) {
@include breakpoint(mini-nav-range) {
display: none;
}
@include breakpoint(large-desktop-plus) {
display: block;
}
h4, h5 {
margin: 0;
font-size: 1rem;
@@ -208,13 +212,9 @@ $sidebar-padding: 2rem;
em {
font-style: normal;
@include breakpoint(tablet-plus) {
@include breakpoint(mini-nav-range) {
display: none;
}
@include breakpoint(large-desktop-plus) {
display: inline;
}
}
li {
@@ -222,6 +222,7 @@ $sidebar-padding: 2rem;
float: right;
margin-right:1rem;
.badge {
display: inline-block;
margin-right: -5px;
@@ -231,6 +232,12 @@ $sidebar-padding: 2rem;
display: none;
}
.count {
@include breakpoint(mini-nav-range) {
display: none;
}
}
&.with-updates {
.count {
border-bottom-left-radius: 0;
@@ -240,8 +247,18 @@ $sidebar-padding: 2rem;
.updates {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
display: inline-block;
@include breakpoint(mini-nav-range) {
border-radius: 100%;
position: absolute;
top: 4px;
right: 10px;
font-size: 9px;
line-height: 12px;
padding: 1px 3px;
min-width: 15px;
}
}
}
}
@@ -252,6 +269,7 @@ $sidebar-padding: 2rem;
padding-left: 25px;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
position: relative;
.fa {
@include transition(all 0.2s ease);

View File

@@ -29,11 +29,10 @@
<li class="{{ (location == 'pages') ? 'selected' : '' }}">
<a href="{{ base_url_relative }}/pages">
<i class="fa fa-fw fa-file-text-o"></i>
<em>{{ "PLUGIN_ADMIN.PAGES"|tu }}
<span class="badges">
<span class="badge count">{{ admin.pagesCount }}</span>
</span>
</em>
<em>{{ "PLUGIN_ADMIN.PAGES"|tu }}</em>
<span class="badges">
<span class="badge count">{{ admin.pagesCount }}</span>
</span>
</a>
</li>
{% endif %}
@@ -53,12 +52,11 @@
<li class="{{ (location == 'plugins') ? 'selected' : '' }}">
<a href="{{ base_url_relative }}/plugins">
<i class="fa fa-fw fa-plug"></i>
<em>{{ "PLUGIN_ADMIN.PLUGINS"|tu }}
<span class="badges">
<em>{{ "PLUGIN_ADMIN.PLUGINS"|tu }}</em>
<span class="badges">
<span class="badge updates"></span>
<span class="badge count">{{ admin.plugins|length }}</span>
</span>
</em>
</a>
</li>
{% endif %}
@@ -66,12 +64,11 @@
<li class="{{ (location == 'themes') ? 'selected' : '' }}">
<a href="{{ base_url_relative }}/themes">
<i class="fa fa-fw fa-tint"></i>
<em>{{ "PLUGIN_ADMIN.THEMES"|tu }}
<span class="badges">
<span class="badge updates"></span>
<span class="badge count">{{ admin.themes|length }}</span>
</span>
</em>
<em>{{ "PLUGIN_ADMIN.THEMES"|tu }}</em>
<span class="badges">
<span class="badge updates"></span>
<span class="badge count">{{ admin.themes|length }}</span>
</span>
</a>
</li>
{% endif %}