From 98b3d8b3b41dc596d89939d153153a885f4be907 Mon Sep 17 00:00:00 2001 From: solsticesurfer Date: Mon, 11 Jul 2016 21:26:35 -0400 Subject: [PATCH 1/2] Hover CSS is taking precedence over focus #58 Fix to ensure the focus effect takes precedence over the hover effect. --- gridforms/gridforms.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/gridforms/gridforms.css b/gridforms/gridforms.css index 8b438da..ada7dec 100644 --- a/gridforms/gridforms.css +++ b/gridforms/gridforms.css @@ -18,9 +18,9 @@ .grid-form [data-row-span] [data-field-span] label:first-child { margin-top: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #333; display: block; margin-bottom: 4px; } .grid-form [data-row-span] [data-field-span] label:first-child:hover { cursor: text; } .grid-form [data-row-span] [data-field-span]:last-child { border-right: none; } +.grid-form [data-row-span] [data-field-span]:hover { background: #fffded; cursor: text; } .grid-form [data-row-span] [data-field-span].focus { background: #fffad4; } .grid-form [data-row-span] [data-field-span].focus label { color: #262626; } -.grid-form [data-row-span] [data-field-span]:hover { background: #fffded; cursor: text; } @media print { .grid-form [data-row-span] { display: table; height: 56px; page-break-inside: avoid; } .grid-form [data-row-span] [data-field-span] { border-right: 1px solid #333333; display: table-cell; float: none; } .grid-form [data-row-span] [data-field-span].focus, .grid-form [data-row-span] [data-field-span]:hover { background: none; } From 878825a79046b87809a86936ea91a1d356d175aa Mon Sep 17 00:00:00 2001 From: solsticesurfer Date: Tue, 12 Jul 2016 09:29:55 -0400 Subject: [PATCH 2/2] Hover CSS is taking precedence over focus #58 Fix to ensure the focus effect takes precedence over the hover effect. --- gridforms/gridforms.sass | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/gridforms/gridforms.sass b/gridforms/gridforms.sass index fb2b820..8b52fd3 100644 --- a/gridforms/gridforms.sass +++ b/gridforms/gridforms.sass @@ -117,13 +117,14 @@ cursor: text &:last-child border-right: none + &:hover + background: lighten($field-focus-color, 5%) + cursor: text &.focus background: $field-focus-color label color: darken($label-color, 5%) - &:hover - background: lighten($field-focus-color, 5%) - cursor: text + // Overide styles when printing to ensure good looking output. @media print