diff --git a/src/styles/components/_settings.scss b/src/styles/components/_settings.scss index 02a34721..d4743f45 100644 --- a/src/styles/components/_settings.scss +++ b/src/styles/components/_settings.scss @@ -18,68 +18,66 @@ * along with this program. If not, see . * */ + #settings { -position:fixed; -top:44px; -right:-520px; -bottom:0px; -width:520px; -z-index: 50; --webkit-transition: right 200ms ease-in-out; --moz-transition: right 200ms ease-in-out; --ms-transition: right 200ms ease-in-out; --o-transition: right 200ms ease-in-out; -transition: right 200ms ease-in-out; -padding-right: 20px; -border-top:1px solid $bordercolor; + border-top: 1px solid $bordercolor; + bottom: 0; + padding-right: 20px; + position: fixed; + right: -520px; + top: 44px; + transition: right 200ms ease-in-out; + width: 520px; + z-index: 50; } + #settings.show { -right:0px; + right: 0; } + .settings { -position:absolute; -left:0px; -right:0px; -top:0px; -bottom:0px; -background: $sidepanebg; -overflow-x: hidden; -overflow-y: auto; -padding:10px; + background: $sidepanebg; + bottom: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; + padding: 10px; + position: absolute; + right: 0; + top: 0; } + .settings .version { -position:absolute; -top:10px; -right:10px; -font-size:10px; -color:#ccc; + color: #ccc; + font-size: 10px; + position: absolute; + right: 10px; + top: 10px; } + @media only screen and (max-width: 630px) { - .settings .form-horizontal .controls { - margin-left:110px; - } - .settings .form-horizontal .control-label { - width:100px; - word-wrap:break-word; - } - .settings { - padding-bottom:10px; - } - #settings.show { - width:auto; - left:0px; - background:white; - } - #settings.show .form-actions { - position: fixed; - bottom: 0px; - left:0px; - right:0px; - margin-bottom:0px; - padding-bottom:0px; - height:60px; - padding-left:120px; - padding-top:6px; - padding-bottom:6px; - } + .settings .form-horizontal .controls { + margin-left: 110px; + } + .settings .form-horizontal .control-label { + width: 100px; + word-wrap: break-word; + } + .settings { + padding-bottom: 10px; + } + #settings.show { + background: white; + left: 0; + width: auto; + } + #settings.show .form-actions { + bottom: 0; + height: 60px; + left: 0; + margin-bottom: 0; + padding: 6px 0 6px 120px; + position: fixed; + right: 0; + } }