Active statuses for tables and list items
This commit is contained in:
@@ -99,6 +99,13 @@ $splitter-width: 5px
|
|||||||
background-color: white
|
background-color: white
|
||||||
border-bottom: thin solid $color-background
|
border-bottom: thin solid $color-background
|
||||||
|
|
||||||
|
&.active
|
||||||
|
background-color: $color-background-active
|
||||||
|
border-bottom-color: darken($color-background-active, 15%)
|
||||||
|
|
||||||
|
&:last-child
|
||||||
|
box-shadow: inset -5px 0 0 $color-primary
|
||||||
|
|
||||||
&.empty
|
&.empty
|
||||||
padding: 15px
|
padding: 15px
|
||||||
justify-content: center
|
justify-content: center
|
||||||
@@ -215,6 +222,17 @@ nav.sidebar
|
|||||||
.table-body
|
.table-body
|
||||||
display: table-row-group
|
display: table-row-group
|
||||||
|
|
||||||
|
.table-row
|
||||||
|
&.active
|
||||||
|
background-color: $color-background-active
|
||||||
|
&:hover
|
||||||
|
background-color: lighten($color-background-active, 2%)
|
||||||
|
|
||||||
|
.table-cell
|
||||||
|
border-bottom-color: darken($color-background-active, 15%)
|
||||||
|
.table-cell:last-child
|
||||||
|
box-shadow: inset -5px 0 0 $color-primary
|
||||||
|
|
||||||
.table-cell
|
.table-cell
|
||||||
display: table-cell
|
display: table-cell
|
||||||
border-bottom: thin solid $color-background-dark
|
border-bottom: thin solid $color-background-dark
|
||||||
|
Reference in New Issue
Block a user