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
.form-controls
label(for="compiler") Compiler
select.form-control(
select(
name="compiler"
ng-model="project.compiler"
)
@ -47,7 +47,7 @@ aside#left-menu.full-size(
.form-controls
label(for="spellCheckLanguage") Spell Check
select.form-control(
select(
name="spellCheckLanguage"
ng-model="project.spellCheckLanguage"
)
@ -60,7 +60,7 @@ aside#left-menu.full-size(
.form-controls
label(for="autoComplete") Auto-Complete
select.form-control(
select(
name="autoComplete"
ng-model="settings.autoComplete"
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
label(for="theme") Theme
select.form-control(
select(
name="theme"
ng-model="settings.theme"
)
@ -77,7 +77,7 @@ aside#left-menu.full-size(
.form-controls
label(for="mode") Keybindings
select.form-control(
select(
name="mode"
ng-model="settings.mode"
)
@ -87,7 +87,7 @@ aside#left-menu.full-size(
.form-controls
label(for="fontSize") Font Size
select.form-control(
select(
name="fontSize"
ng-model="settings.fontSize"
)
@ -96,7 +96,7 @@ aside#left-menu.full-size(
.form-controls
label(for="pdfViewer") PDF Viewer
select.form-control(
select(
name="pdfViewer"
ng-model="settings.pdfViewer"
)

View file

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