Page editor button fix

This commit is contained in:
vivalldi
2015-09-04 20:13:27 -04:00
parent 9a4e47ed9d
commit ea5109cd48
4 changed files with 42 additions and 1 deletions

View File

@@ -1613,10 +1613,19 @@ tr {
position: absolute;
right: 0.5rem;
height: 3.5rem; }
@media only all and (max-width: 47.938em) {
#admin-topbar {
width: 100%;
right: 0;
top: .25rem;
padding: 0 .5rem; } }
#admin-topbar #admin-mode-toggle, #admin-topbar #admin-lang-toggle {
height: 37px;
display: inline-block;
vertical-align: inherit; }
@media only all and (max-width: 47.938em) {
#admin-topbar #admin-mode-toggle, #admin-topbar #admin-lang-toggle {
width: 100%; } }
#admin-topbar #admin-lang-toggle {
z-index: 10; }
#admin-topbar #admin-lang-toggle button {
@@ -1638,6 +1647,9 @@ tr {
#admin-topbar .switch-grav {
border: 0;
background-color: #365569; }
@media only all and (max-width: 47.938em) {
#admin-topbar .switch-toggle {
width: 100%; } }
#admin-topbar .switch-toggle input:checked + label {
color: #fff; }
#admin-topbar .switch-toggle input + label {
@@ -1873,6 +1885,9 @@ body.remodal_active .remodal {
background: #253A47;
font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
margin-top: -4rem; }
@media only all and (max-width: 47.938em) {
.form-tabs {
padding-top: 4rem; } }
.form-tabs > input[type=radio] {
display: none; }
.form-tabs > input[type=radio]:checked + label {
@@ -1886,6 +1901,9 @@ body.remodal_active .remodal {
text-align: center;
line-height: 3.5em;
padding: 0 2rem; }
@media only all and (max-width: 47.938em) {
.form-tabs > label {
width: 100%; } }
.form-tabs > label:last-of-type {
border-bottom: none; }
.form-tabs > label:hover {

File diff suppressed because one or more lines are too long

View File

@@ -196,12 +196,23 @@
position: absolute;
right: 0.5rem;
height: 3.5rem;
@include breakpoint(mobile-only){
width: 100%;
right: 0;
top: .25rem;
padding: 0 .5rem;
}
#admin-mode-toggle, #admin-lang-toggle {
@extend %vertical-align;
height: 37px;
display: inline-block;
vertical-align: inherit;
@include breakpoint(mobile-only){
width: 100%;
}
}
#admin-lang-toggle {
@@ -227,6 +238,10 @@
}
.switch-toggle {
@include breakpoint(mobile-only) {
width: 100%;
}
input:checked + label {
color: $white;

View File

@@ -60,6 +60,10 @@ $tab-label-height:3.5em;
background: $accent-bg;
font-family: $font-family-header;
margin-top: -4rem;
@include breakpoint(mobile-only){
padding-top: 4rem;
}
> input[type=radio] {
display:none;
@@ -83,6 +87,10 @@ $tab-label-height:3.5em;
text-align:center;
line-height: $tab-label-height;
padding: 0 2rem;
@include breakpoint(mobile-only){
width: 100%;
}
&:last-of-type {
border-bottom:none;