Commit 7d037c11 authored by Dmitriy Zaporozhets's avatar Dmitriy Zaporozhets

Refactor Chosen.js select css

Signed-off-by: default avatarDmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
parent c946defb
...@@ -188,3 +188,34 @@ ul.nav.nav-projects-tabs { ...@@ -188,3 +188,34 @@ ul.nav.nav-projects-tabs {
.transfer-project .chosen-container { .transfer-project .chosen-container {
min-width: 200px; min-width: 200px;
} }
/** Branch/tag selector **/
.project-refs-form {
margin: 0;
span {
background:none !important;
position:static !important;
width:auto !important;
height:auto !important;
}
}
.project-refs-select {
width: 120px;
}
.project-refs-form .chosen-container {
position: relative;
top: 0;
left: 0;
margin-right: 10px;
&.chosen-container-active {
.chosen-drop {
min-width: 400px;
}
.chosen-results {
max-height: 400px;
}
}
}
/* CHZN reset few styles */
.chosen-container-single .chosen-single {
background: #FFF;
border: 1px solid #bbb;
box-shadow: none;
}
.chosen-container-active .chosen-single {
background: #fff;
}
.ajax-users-select { .ajax-users-select {
width: 400px; width: 400px;
...@@ -27,109 +17,29 @@ ...@@ -27,109 +17,29 @@
} }
} }
/** Branch/tag selector **/ /** Chosen.js selectbox style override **/
.project-refs-form {
margin: 0;
span {
background:none !important;
position:static !important;
width:auto !important;
height:auto !important;
}
}
.project-refs-select {
width: 120px;
}
.project-refs-form .chosen-container {
position: relative;
top: 0;
left: 0;
margin-right: 10px;
.chosen-drop {
min-width: 400px;
.chosen-results {
max-height: 300px;
}
.chosen-search input {
min-width: 365px;
}
}
}
/** Fix for Search Dropdown Border **/
.chosen-container { .chosen-container {
min-width: 100px; min-width: 100px;
.chosen-search { .chosen-single {
input:focus { background: #EEE !important;
@include box-shadow(none); border: 1px solid #DDD !important;
} @include box-shadow(none !important);
@include border-radius(4px !important);
} }
.chosen-drop { .chosen-results li.highlighted {
margin: 7px 0; background: #29b;
min-width: 200px;
border: 1px solid #CCC;
@include border-radius(0);
box-shadow: inset 0 1px 0 #fff, 0 1px 5px #f1f1f1;
.chosen-results {
margin-top: 5px;
max-height: 300px;
li {
border-bottom: 1px solid #EEE;
padding: 7px;
&:last-child {
border-bottom: none;
}
}
.group-result {
color: $style_color;
font-size: 14px;
line-height: 1.5;
}
.active-result {
@include border-radius(0);
&.highlighted {
background: $hover;
color: $style_color;
}
&.result-selected {
font-weight: bolder;
background: #F3F3F3;
}
}
}
.chosen-search {
@include bg-gray-gradient;
input {
min-width: 165px;
border-color: #CCC;
}
}
} }
}
.chosen-container .chosen-single, .chosen-drop {
.chosen-container.chosen-with-drop .chosen-single { margin-top: 10px;
@include bg-light-gray-gradient; border: 1px solid #DDD !important;
@include border-radius(4px !important);
div {
background: transparent;
border-left: none;
} }
span { .chosen-search input {
font-weight: normal; @include box-shadow(none !important);
text-shadow: 0 1px 2px #FFF;
} }
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment