Use native select box style in left menu

This commit is contained in:
James Allen 2014-07-16 12:09:19 +01:00
parent fce271f827
commit 4b3610746e
2 changed files with 21 additions and 21 deletions

View file

@ -36,7 +36,7 @@ aside#left-menu.full-size(
.containter-fluid .containter-fluid
.form-controls .form-controls
label(for="compiler") Compiler label(for="compiler") Compiler
select.form-control( select(
name="compiler" name="compiler"
ng-model="project.compiler" ng-model="project.compiler"
) )
@ -47,7 +47,7 @@ aside#left-menu.full-size(
.form-controls .form-controls
label(for="spellCheckLanguage") Spell Check label(for="spellCheckLanguage") Spell Check
select.form-control( select(
name="spellCheckLanguage" name="spellCheckLanguage"
ng-model="project.spellCheckLanguage" ng-model="project.spellCheckLanguage"
) )
@ -60,7 +60,7 @@ aside#left-menu.full-size(
.form-controls .form-controls
label(for="autoComplete") Auto-Complete label(for="autoComplete") Auto-Complete
select.form-control( select(
name="autoComplete" name="autoComplete"
ng-model="settings.autoComplete" ng-model="settings.autoComplete"
ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]" ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]"
@ -68,7 +68,7 @@ aside#left-menu.full-size(
.form-controls .form-controls
label(for="theme") Theme label(for="theme") Theme
select.form-control( select(
name="theme" name="theme"
ng-model="settings.theme" ng-model="settings.theme"
) )
@ -77,7 +77,7 @@ aside#left-menu.full-size(
.form-controls .form-controls
label(for="mode") Keybindings label(for="mode") Keybindings
select.form-control( select(
name="mode" name="mode"
ng-model="settings.mode" ng-model="settings.mode"
) )
@ -87,7 +87,7 @@ aside#left-menu.full-size(
.form-controls .form-controls
label(for="fontSize") Font Size label(for="fontSize") Font Size
select.form-control( select(
name="fontSize" name="fontSize"
ng-model="settings.fontSize" ng-model="settings.fontSize"
) )
@ -96,7 +96,7 @@ aside#left-menu.full-size(
.form-controls .form-controls
label(for="pdfViewer") PDF Viewer label(for="pdfViewer") PDF Viewer
select.form-control( select(
name="pdfViewer" name="pdfViewer"
ng-model="settings.pdfViewer" ng-model="settings.pdfViewer"
) )

View file

@ -72,28 +72,28 @@
font-weight: normal; font-weight: normal;
color: @gray-dark; color: @gray-dark;
margin-bottom: 0; margin-bottom: 0;
padding-top: 7px;
} }
select.form-control { select {
float: right; float: right;
width: 50%; width: 50%;
height: 34px; // height: 30px;
background: none; // margin: 2px 0;
border: none; // background: none;
box-shadow: none; // border: none;
color: @link-color; // box-shadow: none;
cursor: pointer; // color: @link-color;
font-size: 14px; // cursor: pointer;
font-weight: 700; // font-size: 14px;
// font-weight: 700;
} }
.form-controls { .form-controls {
clear: both; clear: both;
padding: 0 (@line-height-computed / 4); padding: (@line-height-computed / 4);
&:hover { &:hover {
background-color: @link-color; background-color: @link-color;
select.form-control { // select.form-control {
color: white; // color: white;
} // }
label { label {
color: white; color: white;
} }