Patch #32018 » visually-merge-project-selector-with-select-bar.diff
| public/stylesheets/application.css (working copy) | ||
|---|---|---|
| 152 | 153 |
-webkit-user-select:none; |
| 153 | 154 |
} |
| 154 | 155 |
.drdn-content {
|
| 155 |
display:none; |
|
| 156 |
transition: 0.1s; |
|
| 157 |
opacity: 0; |
|
| 158 |
visibility:hidden; |
|
| 156 | 159 |
position:absolute; |
| 157 | 160 |
right:0px; |
| 158 |
top:25px;
|
|
| 161 |
top:28px;
|
|
| 159 | 162 |
min-width:100px; |
| 160 | 163 |
background-color:#fff; |
| 161 | 164 |
border:1px solid #ccc; |
| 162 |
border-radius:4px; |
|
| 165 |
border-top-left-radius:3px; |
|
| 166 |
border-bottom-left-radius: 3px; |
|
| 167 |
border-bottom-right-radius: 3px; |
|
| 163 | 168 |
color:#555; |
| 164 | 169 |
z-index:99; |
| 165 | 170 |
} |
| 166 |
.drdn.expanded .drdn-content {display:block;}
|
|
| 171 |
.drdn-content:before {left: 61px;border-radius: 0 0 10px 0;box-shadow: 10px 0 0 0 #fff;content: "";position: absolute;height: 5px;width: 20px;top: -5px;}
|
|
| 172 |
.drdn-content:after {right: -1px;content: "";position: absolute;height: 5px;width: 196px;top: -5px;background: white;border-right: 1px solid #ccc;}
|
|
| 167 | 173 | |
| 174 |
.drdn.expanded .drdn-content {visibility:visible; opacity: 1;}
|
|
| 175 | ||
| 168 | 176 |
.drdn-content .quick-search {margin:8px;}
|
| 169 | 177 |
.drdn-content .autocomplete {box-sizing: border-box; width:100% !important; height:28px;}
|
| 170 | 178 |
.drdn-content .autocomplete:focus {border-color:#5ad;}
|
| 171 | 179 |
.drdn-items {max-height:400px; overflow:auto;}
|
| 172 |
div + .drdn-items {border-top:1px solid #ccc;}
|
|
| 180 |
div + .drdn-items {border-top:1px solid #ccc;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
|
|
| 173 | 181 |
.drdn-items>* {
|
| 174 | 182 |
display:block; |
| 175 | 183 |
border:1px solid #fff; |
