deac/gitlabhq
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Styled chosen css. Lighter box shadow for blocks

Browse source
This commit is contained in:
Dmitriy Zaporozhets 2012-11-06 19:31:01 +02:00
parent 378ae951c6
commit 96b2959fe3
2 changed files with 66 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
app/assets/stylesheets/main.scss
View file

@ -3,10 +3,11 @@
@import 'font-awesome'; @import 'font-awesome';
/** GitLab colors **/ /** GitLab colors **/
$link_color:#3A89A3; $link_color: #3A89A3;
$blue_link: #2fa0bb; $blue_link: #2FA0BB;
$style_color: #474d57; $style_color: #474D57;
$hover: #D9EDF7; $hover: #D9EDF7;
$hover_border: #ADF;
/** GitLab Fonts **/ /** GitLab Fonts **/
@font-face { font-family: Korolev; src: font-url('korolev-medium-compressed.otf'); } @font-face { font-family: Korolev; src: font-url('korolev-medium-compressed.otf'); }
@ -19,9 +20,9 @@ $hover: #D9EDF7;
} }
@mixin solid_shade { @mixin solid_shade {
-moz-box-shadow: 0 0 0 3px #eee; -moz-box-shadow: 0 0 0 3px #f1f1f1;
-webkit-box-shadow: 0 0 0 3px #eee; -webkit-box-shadow: 0 0 0 3px #f1f1f1;
box-shadow: 0 0 0 3px #eee; box-shadow: 0 0 0 3px #f1f1f1;
} }
@mixin border-radius($radius) { @mixin border-radius($radius) {
@ -64,6 +65,14 @@ $hover: #D9EDF7;
background-image: -o-linear-gradient($from, $to); background-image: -o-linear-gradient($from, $to);
} }
@mixin bg-light-gray-gradient {
background:#f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1));
background-image: -webkit-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
background-image: -moz-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
background-image: -o-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
}
@mixin bg-gray-gradient { @mixin bg-gray-gradient {
background:#eee; background:#eee;
background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf)); background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));

78
app/assets/stylesheets/ref_select.scss
View file

@ -19,41 +19,14 @@
margin-right: 10px; margin-right: 10px;
.chzn-drop { .chzn-drop {
margin:7px 0;
min-width: 400px; min-width: 400px;
border: 2px solid $blue_link;
@include border-radius(4px);
.chzn-results { .chzn-results {
max-height:300px; max-height:300px;
.group-result {
color: $blue_link;
}
.active-result {
&.highlighted {
background: $blue_link;
}
}
} }
.chzn-search input { .chzn-search input {
min-width:365px; min-width:365px;
} }
} }
.chzn-single {
@include bg-gray-gradient;
div {
background:transparent;
border-left:none;
}
span {
font-weight: normal;
}
}
} }
/** Fix for Search Dropdown Border **/ /** Fix for Search Dropdown Border **/
@ -65,4 +38,55 @@
box-shadow: none; box-shadow: none;
} }
} }
.chzn-drop {
margin:7px 0;
min-width: 200px;
border: 1px solid #bbb;
border-radius:0;
.chzn-results {
margin-top: 5px;
max-height:300px;
.group-result {
color: $style_color;
border-bottom: 1px solid #EEE;
padding: 8px;
}
.active-result {
border-radius: 0;
&.highlighted {
background: $hover;
color: $style_color;
}
&.result-selected {
background: #EEE;
border-left: 4px solid #CCC;
}
}
}
.chzn-search {
@include bg-gray-gradient;
input {
min-width:165px;
border-color: #CCC;
}
}
}
.chzn-single {
@include bg-light-gray-gradient;
div {
background:transparent;
border-left:none;
}
span {
font-weight: normal;
}
}
} }