opendev
/
storyboard-webclient
Code Issues Proposed changes

Improve appearance of search bars 

Change-Id: I4a4a7e790657468528974ce872ecb6b594390691
This commit is contained in:
Adam Coldrick 2018-08-03 23:17:26 +01:00
parent 4829272965
commit 6a2bbb343f
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
*/
.form-control.tag-input {
border: none;
border-radius: 2px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.125);
position: relative;
padding: .2em;
padding-bottom: 0px;
height: auto;
cursor: text;
min-height: 2.4em;
&:hover {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.125);
}
input.tag-input {
border: none;
outline: none;
@ -49,7 +54,6 @@
.tag {
padding: .2em .2em .2em .4em;
margin-right: .2em;
margin-bottom: .3em;
font-size: .9em;
display: inline-block;
cursor: pointer;
@ -139,7 +143,7 @@
$color-rgba: rgba(red($input-border-focus), green($input-border-focus), blue($input-border-focus), .6);
border-color: $input-border-focus;
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});
}
}
}