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; } 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