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

[Lucio Correia]

Reviewed-by: Lucio Correia <luciojhc at linux.vnet.ibm.com>
Tested-by: Lucio Correia <luciojhc at linux.vnet.ibm.com>

On 04-01-2016 16:34, sguimaraes943 at gmail.com wrote:
> 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;
>           }
>


-- 
Lucio Correia
Software Engineer
IBM LTC Brazil