various responsive tweaks

This commit is contained in:
Andy Miller
2016-03-08 13:13:28 -07:00
parent 38ac5cc927
commit 1c91eb3b6f
12 changed files with 43 additions and 63 deletions

View File

@@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "AAOoB,UAWC;EAVG,WAAW,EAAE,YAAc;EAC3B,WAAW,ECJI,GAAG;EDKlB,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,yDAA6C;EAClD,GAAG,EAAE,mbAKmE;AAV5E,UAWC;EAVG,WAAW,EAAE,MAAc;EAC3B,WAAW,ECHZ,GAAG;EDIF,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,qCAA6C;EAClD,GAAG,EAAE,+TAKmE;AAV5E,UAWC;EAVG,WAAW,EAAE,MAAc;EAC3B,WAAW,ECHU,GAAG;EDIxB,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,6CAA6C;EAClD,GAAG,EAAE,2WAKmE;AAV5E,UAWC;EAVG,WAAW,EAAE,MAAc;EAC3B,WAAW,ECH4B,GAAG;EDI1C,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,qCAA6C;EAClD,GAAG,EAAE,+TAKmE;AAV5E,UAWC;EAVG,WAAW,EAAE,aAAc;EAC3B,WAAW,ECFM,GAAG;EDGpB,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,2DAA6C;EAClD,GAAG,EAAE,+bAKmE;AAV5E,UAWC;EAVG,WAAW,EAAE,aAAc;EAC3B,WAAW,ECF+B,GAAG;EDG7C,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,mDAA6C;EAClD,GAAG,EAAE,mZAKmE;AAS5F;;iDAEkD;EAC9C,WAAW,EAAE,4DAAgE;;AAKjF;0CAC2C;EACvC,WAAW,EAAE,kEAAgE;;AAKjF;gBACiB;EACb,WAAW,EAAE,2EAAwE",
"sources": ["../scss/configuration/fonts/_support.scss","../scss/fonts.scss"],
"names": [],
"file": "fonts.css"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "AAAA,+IAI2C,CACvC,WAAW,CAAE,sEAAsE,CAEvF,kCACiB,CACb,WAAW,CAAE,iDAAiD",
"sources": ["../scss/simple-fonts.scss"],
"names": [],
"file": "simple-fonts.css"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -430,7 +430,7 @@ $sidebar-padding: 2rem;
font-size: 1.5rem;
text-align: left;
letter-spacing: -1px;
line-height: 2;
line-height: 1.5;
}
.padding {
@@ -462,7 +462,11 @@ $sidebar-padding: 2rem;
h1 {
@extend %vertical-align;
display: inline-block;
display: block;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
@include breakpoint(mobile-only) {
font-size: 18px;
@@ -606,9 +610,7 @@ $sidebar-padding: 2rem;
margin: 0 0 1rem;
@include breakpoint(mobile-only){
padding: 0 0 0.5rem;
margin: 0 0 1rem !important;
text-indent: $padding-default;
padding: 0 1rem 0.5rem;
}
&.no_underline {
@@ -617,11 +619,12 @@ $sidebar-padding: 2rem;
}
.button-bar {
margin-right: $padding-default;
margin: 0 $padding-default;
@include breakpoint(mobile-only) {
margin: -1rem 0 1rem 0;
width: 100%;
margin: -.5rem 0 1rem 0;
padding: 0 1rem;
text-align: center;
.button {
@@ -635,21 +638,12 @@ $sidebar-padding: 2rem;
&.button-bar {
margin: 1rem -2rem -1rem;
height: 70px;
padding: 0 1rem;
padding: 1rem;
float: none;
@include breakpoint(mobile-only){
height: auto;
padding: 2rem 1rem 0rem 1rem;
}
.button {
@extend %vertical-align;
@include breakpoint(mobile-only) {
margin-left: 0 !important;
margin-bottom: .5rem;
width: 100%;
}
margin: 0;
}
}
}
@@ -774,12 +768,7 @@ $sidebar-padding: 2rem;
}
.button {
margin-left: 0.5rem;
@include breakpoint(tablet-range){
width: 49%;
padding: .3rem 0rem;
margin-left: 0;
}
}
}

View File

@@ -24,6 +24,10 @@ b, strong {
.alert {
font-size: 1.1rem;
padding: 1rem $padding-default;
@include breakpoint(mobile-only) {
padding: 0.5rem 1rem;
}
}
.badge {
@@ -41,4 +45,4 @@ b, strong {
margin: 0 auto;
text-align: center;
padding-top: 100px;
}
}

View File

@@ -24,10 +24,18 @@ form {
.form-field {
margin-bottom: 1rem;
padding-left: $padding-default;
@include breakpoint(mobile-only) {
padding-left: 1rem;
}
}
.form-data {
padding-right: $padding-default;
@include breakpoint(mobile-only) {
padding-right: 1rem;
}
}
.required {

View File

@@ -20,6 +20,10 @@
line-height: 2.5rem;
padding-right: 3rem;
@include breakpoint(mobile-only) {
padding-right: 1rem;
}
p.page-route {
display: block;
margin: -10px 0 5px 25px;
@@ -99,6 +103,10 @@
margin: -2rem $padding-default 1rem;
@include clearfix;
@include breakpoint(mobile-only) {
margin: -3rem 1rem 1rem;
}
.page-filters {
width: 60%;
float: left;
@@ -248,6 +256,12 @@
.depth-#{$i} .row {
padding-left: 3rem * ($i + 1);
}
@include breakpoint(mobile-only) {
.depth-#{$i} .row {
padding-left: 1rem * ($i + 1);
}
}
}
.hidden {

View File

@@ -20,6 +20,7 @@
<p class="hidden">{{ "PLUGIN_ADMIN.LAST_BACKUP"|tu }}</p>
</div>
</div>
<div class="flush-bottom button-bar">
<button data-maintenance-update="{{ uri.addNonce(base_url_relative ~ '/update.json/task' ~ config.system.param_sep ~ 'update', 'admin-form', 'admin-nonce') }}" class="button"><i class="fa fa-cloud-download"></i> {{ "PLUGIN_ADMIN.UPDATE"|tu }}</button>
<button data-ajax="{{ uri.addNonce(base_url_relative ~ '/backup.json/task' ~ config.system.param_sep ~ 'backup', 'admin-form', 'admin-nonce') }}" class="button"><i class="fa fa-database"></i> {{ "PLUGIN_ADMIN.BACKUP"|tu }}</button>