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

[sguimaraes943 at gmail.com]

From: samhenri <samuel.guimaraes at eldorado.org.br>

Signed-off-by: samhenri <samuel.guimaraes at eldorado.org.br>
---
 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