opendev/storyboard-webclient
Code Issues Proposed changes

Merge "Improve appearance of search bars"

Browse Source
This commit is contained in:
Zuul 2018-08-21 21:26:03 +00:00 committed by Gerrit Code Review
commit b67994316a
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/theme/base/_tag_input.scss
View File

@ -18,13 +18,18 @@
* The Tag-input form control * The Tag-input form control
*/ */
.form-control.tag-input { .form-control.tag-input {
border: none;
border-radius: 2px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.125);
position: relative; position: relative;
padding: .2em;
padding-bottom: 0px;
height: auto; height: auto;
cursor: text; cursor: text;
min-height: 2.4em; min-height: 2.4em;
&:hover {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.125);
}
input.tag-input { input.tag-input {
border: none; border: none;
outline: none; outline: none;
@ -49,7 +54,6 @@
.tag { .tag {
padding: .2em .2em .2em .4em; padding: .2em .2em .2em .4em;
margin-right: .2em; margin-right: .2em;
margin-bottom: .3em;
font-size: .9em; font-size: .9em;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
@ -139,7 +143,7 @@
$color-rgba: rgba(red($input-border-focus), green($input-border-focus), blue($input-border-focus), .6); $color-rgba: rgba(red($input-border-focus), green($input-border-focus), blue($input-border-focus), .6);
border-color: $input-border-focus; border-color: $input-border-focus;
outline: 0; outline: 0;
@include box-shadow("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #{$color-rgba}"); @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #{$color-rgba});
} }
} }
} }