tukan / cicada - chrome (tokenize, bootstrap-select) focus color fix (#1260)

This commit is contained in:
René
2019-03-19 08:14:48 +01:00
committed by Franco Fichtner
parent a18c04031f
commit c16fb545ae
8 changed files with 10 additions and 24 deletions
@@ -65,11 +65,6 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
&:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 348px;
}
> select.mobile-device:focus + .dropdown-toggle, .dropdown-toggle:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
&.form-control {
margin-bottom: 0;
padding: 0;
@@ -75,7 +75,7 @@
padding: 0;
}
}
&:hover {
&:focus, &:hover {
border-color: #ec6d12;
background-color: #2a2a2a;
-webkit-box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6);
@@ -87,12 +87,7 @@ select.selectpicker {
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 348px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
@@ -75,6 +75,8 @@
color:#fff;
padding: 0;
}
.tokenize > .tokens-container:focus,
.tokenize > .tokens-container:hover {
border-color:#ec6d12;
background-color:#2a2a2a;
@@ -65,11 +65,6 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
&:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 348px;
}
> select.mobile-device:focus + .dropdown-toggle, .dropdown-toggle:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
&.form-control {
margin-bottom: 0;
padding: 0;
@@ -76,7 +76,7 @@
padding: 0;
}
}
&:hover {
&:focus, &:hover {
border-color: #00A7FF;
background-color: none;
}
@@ -87,12 +87,7 @@ select.selectpicker {
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 348px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
@@ -72,10 +72,13 @@
color:#c9c9c9;
padding: 0;
}
.tokenize > .tokens-container > .token-search {
color:#000;
padding: 0;
}
.tokenize > .tokens-container:focus,
.tokenize > .tokens-container:hover {
border-color:#00A7FF;
background-color:none;
@@ -91,6 +94,7 @@
width: 100%;
}
.tokenize > .tokens-container > .token-search > input::-ms-clear {
display: none;
}