diff --git a/client/salix/src/styles/misc.scss b/client/salix/src/styles/misc.scss index c0de61a25..20b1d4caf 100644 --- a/client/salix/src/styles/misc.scss +++ b/client/salix/src/styles/misc.scss @@ -307,4 +307,49 @@ fieldset[disabled] .mdl-textfield .mdl-textfield__label, .counter.small { font-size: 0.7em +} + +.vn-grid { + border-collapse: collapse; + width: 100%; + + & > thead, + & > tbody, + & > tfoot { + tr { + td, th { + text-align: left; + padding: 10px; + + &[number]{ + text-align: right; + } + } + } + } + & > thead, & > tbody { + border-bottom: 3px solid $lines; + } + & > tbody > tr { + border-bottom: 1px solid $lines; + transition: background-color 200ms ease-in-out; + + &.clickable { + @extend %clickable; + } + &.success { + background-color: rgba(163, 209, 49, 0.3); + + &:hover { + background-color: rgba(163, 209, 49, 0.5); + } + } + &.warning { + background-color: rgba(247, 147, 30, 0.3); + + &:hover { + background-color: rgba(247, 147, 30, 0.5); + } + } + } } \ No newline at end of file