[Kimchi-devel] [PATCH] [Wok] Added disabled and readonly states to Bootstrap Select

From: samhenri <samuel.guimaraes(a)eldorado.org.br&gt; Signed-off-by: samhenri <samuel.guimaraes(a)eldorado.org.br&gt; --- ui/css/bootstrap-select.custom.css | 28 ++++++++++++++++++++++++++++ ui/css/src/bootstrap-select.custom.scss | 18 ++++++++++++++++++ 2 files changed, 46 insertions(+) diff --git a/ui/css/bootstrap-select.custom.css b/ui/css/bootstrap-select.custom.css index fc4a936..f119b1c 100644 --- a/ui/css/bootstrap-select.custom.css +++ b/ui/css/bootstrap-select.custom.css @@ -57,6 +57,34 @@ border-left-color: #8c8c8c; } +.bootstrap-select.btn-group > [disabled], +.bootstrap-select.btn-group > [disabled]:hover, +.bootstrap-select.btn-group > [disabled]:focus, +.bootstrap-select.btn-group > [readonly], +.bootstrap-select.btn-group > [readonly]:hover, +.bootstrap-select.btn-group > [readonly]:focus, +.bootstrap-select.btn-group > .disabled, +.bootstrap-select.btn-group > .disabled:hover, +.bootstrap-select.btn-group > .disabled:focus { + opacity: 1; + border-color: #ccc; + background-color: #eee; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.bootstrap-select.btn-group > [disabled] .caret, +.bootstrap-select.btn-group > [disabled]:hover .caret, +.bootstrap-select.btn-group > [disabled]:focus .caret, +.bootstrap-select.btn-group > [readonly] .caret, +.bootstrap-select.btn-group > [readonly]:hover .caret, +.bootstrap-select.btn-group > [readonly]:focus .caret, +.bootstrap-select.btn-group > .disabled .caret, +.bootstrap-select.btn-group > .disabled:hover .caret, +.bootstrap-select.btn-group > .disabled:focus .caret { + border-color: #ccc; +} + .bootstrap-select.btn-group .dropdown-menu { z-index: 2035; } diff --git a/ui/css/src/bootstrap-select.custom.scss b/ui/css/src/bootstrap-select.custom.scss index 5667dfd..cfac637 100644 --- a/ui/css/src/bootstrap-select.custom.scss +++ b/ui/css/src/bootstrap-select.custom.scss @@ -59,6 +59,24 @@ border-left-color: darken($btn-default-border, 25%); } } + > [disabled], + > [disabled]:hover, + > [disabled]:focus, + > [readonly], + > [readonly]:hover, + > [readonly]:focus, + > .disabled, + > .disabled:hover, + > .disabled:focus { + opacity: 1; + border-color: $btn-default-border; + background-color: $input-bg-disabled; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + .caret { + border-color: $btn-default-border; + } + } .dropdown-menu { z-index: 2035; } -- 1.9.3