From 7c3fb06267191adc38a946445d30136fa64817c1 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Mon, 9 Mar 2015 16:34:25 +0100 Subject: some more hover magic for field checkbox --- view/theme/redbasic/css/style.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 576eba5f6..60acb1974 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -2297,17 +2297,21 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { display: none; } -.field.checkbox:hover label { - color: $link_colour; -} - .field.checkbox > div label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #ccc; - border-radius: 5px; + border-radius: 4px; margin:0px; } +.field.checkbox:hover label { + color: $link_colour; +} + +.field.checkbox:hover > div label { + border: 1px solid $link_colour;; +} + .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -- cgit v1.2.3 From 00d7ea90a20c82d0f42541d64fe9c5ad23f18d6e Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Mon, 9 Mar 2015 16:52:37 +0100 Subject: add transition effect for border-color --- view/theme/redbasic/css/style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 60acb1974..e7ccfd19a 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -2302,6 +2302,9 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { border: 1px solid #ccc; border-radius: 4px; margin:0px; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .field.checkbox:hover label { @@ -2309,7 +2312,7 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { } .field.checkbox:hover > div label { - border: 1px solid $link_colour;; + border-color: $link_colour; } .onoffswitch-inner { -- cgit v1.2.3