Browse Source

Rearrange settings elements.

pull/29/head^2
Evan Theurer 12 years ago
parent
commit
a077ffab15
  1. 108
      src/styles/components/_settings.scss

108
src/styles/components/_settings.scss

@ -18,68 +18,66 @@ @@ -18,68 +18,66 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
#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;
}
}

Loading…
Cancel
Save