From 7c3fb06267191adc38a946445d30136fa64817c1 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Mon, 9 Mar 2015 16:34:25 +0100 Subject: [PATCH 1/2] 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,15 +2297,19 @@ aside .nav > li > a:hover, aside .nav > li > a:focus { display: none; } +.field.checkbox > div label { + display: block; overflow: hidden; cursor: pointer; + border: 1px solid #ccc; + border-radius: 4px; + margin:0px; +} + .field.checkbox:hover label { color: $link_colour; } -.field.checkbox > div label { - display: block; overflow: hidden; cursor: pointer; - border: 1px solid #ccc; - border-radius: 5px; - margin:0px; +.field.checkbox:hover > div label { + border: 1px solid $link_colour;; } .onoffswitch-inner { From 00d7ea90a20c82d0f42541d64fe9c5ad23f18d6e Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Mon, 9 Mar 2015 16:52:37 +0100 Subject: [PATCH 2/2] 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 {