diff --git a/core/client/assets/sass/layouts/settings.scss b/core/client/assets/sass/layouts/settings.scss index 2bc51f3534..0151cb8a30 100644 --- a/core/client/assets/sass/layouts/settings.scss +++ b/core/client/assets/sass/layouts/settings.scss @@ -3,7 +3,7 @@ * used for configuring your Ghost install. * * Table of Contents: - * + * * Settings * */ @@ -232,7 +232,8 @@ left:0; bottom:0; padding:40px; - overflow:auto; + overflow: auto; + -webkit-overflow-scrolling: touch; &.no-padding { padding: 0; @@ -240,6 +241,7 @@ @include breakpoint($netbook) { padding-left:15px; } @include breakpoint($letterbox) { top: 0; } + @include breakpoint(550px) { padding: 0 15px 40px; } } }//.settings-content diff --git a/core/client/assets/sass/modules/forms.scss b/core/client/assets/sass/modules/forms.scss index eda4bdd13e..3592cc7fce 100644 --- a/core/client/assets/sass/modules/forms.scss +++ b/core/client/assets/sass/modules/forms.scss @@ -3,7 +3,7 @@ * but mainly in the settings pages. Don't fuck with them. * * Table of Contents: - * + * * General * Buttons * Split Buttons @@ -46,6 +46,15 @@ form { font-weight:bold; color:$brown; text-align: right; + + @include breakpoint(550px) { + position: relative; + top: auto; + left: auto; + width: auto; + margin-bottom: 5px; + text-align: left; + } } } @@ -66,6 +75,11 @@ form { border: darken($lightbrown, 5%) 1px solid; border-radius: $rounded; @include transition(all 0.15s ease-in-out); + + @include breakpoint(550px) { + width: 100%; + @include box-sizing(border-box); + } } textarea { @@ -104,6 +118,11 @@ form { width:270px; height:30px; line-height:30px; + + @include breakpoint(550px) { + width: 100%; + @include box-sizing(border-box); + } } .radio input[type="radio"], @@ -127,6 +146,8 @@ form { position:relative; margin:1.5em 0; padding-left:140px; + + @include breakpoint(550px) { padding-left: 0; } } }//form @@ -136,9 +157,9 @@ form { Buttons ============================================================================= */ -/* +/* * Buttons are used for primary calls to action on a page. - * + * * Usage: * */ @@ -236,9 +257,9 @@ input[type="reset"] { Split Buttons ============================================================================= */ -/* +/* * The splitbutton adds addition values to a button, via a dropdown (or drop-up). - * + * * Usage: *
* @@ -281,7 +302,7 @@ input[type="reset"] { margin-top: -3px; margin-right: -5px; @include transition(margin-top 0.3s ease); - /* Transition of transform properties are split out due to a + /* Transition of transform properties are split out due to a defect in the vendor prefixing of transform transitions. See: http://github.com/thoughtbot/bourbon/pull/86 */ @include transition-property(transform);