mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-05 22:26:07 +00:00
Restyling active nodes for producer and hub
This commit is contained in:
@@ -70,27 +70,6 @@
|
||||
border: 1px solid $dark-grey
|
||||
color: $dark-grey
|
||||
|
||||
&.inactive, &.inactive strong
|
||||
color: $disabled-dark
|
||||
&.closed
|
||||
&:hover, &:active, &:focus
|
||||
border: 1px solid $disabled-dark
|
||||
color: $disabled-dark
|
||||
&.open
|
||||
.active_table_row:first-child
|
||||
color: $dark-grey
|
||||
border-top: 1px solid $disabled-dark
|
||||
border-left: 1px solid $disabled-dark
|
||||
border-right: 1px solid $disabled-dark
|
||||
strong
|
||||
color: $dark-grey
|
||||
&:hover, &:active, &:focus
|
||||
color: $dark-grey
|
||||
.active_table_row:nth-child(2)
|
||||
border-left: 1px solid $disabled-dark
|
||||
border-right: 1px solid $disabled-dark
|
||||
border-bottom: 1px solid $disabled-dark
|
||||
|
||||
&.current
|
||||
&.closed
|
||||
&, & *
|
||||
|
||||
@@ -2,6 +2,38 @@
|
||||
|
||||
.hubs
|
||||
.active_table .active_table_node
|
||||
|
||||
//Inactive row
|
||||
&.inactive, &.inactive strong
|
||||
color: $disabled-dark
|
||||
&.closed
|
||||
&:hover, &:active, &:focus
|
||||
border: 1px solid $disabled-dark
|
||||
color: $disabled-dark
|
||||
&.open
|
||||
.active_table_row:first-child
|
||||
color: $dark-grey
|
||||
border-top: 1px solid $disabled-dark
|
||||
border-left: 1px solid $disabled-dark
|
||||
border-right: 1px solid $disabled-dark
|
||||
strong
|
||||
color: $dark-grey
|
||||
&:hover, &:active, &:focus
|
||||
color: $dark-grey
|
||||
strong
|
||||
color: $dark-grey
|
||||
.active_table_row:nth-child(2)
|
||||
border-left: 1px solid $disabled-dark
|
||||
border-right: 1px solid $disabled-dark
|
||||
border-bottom: 1px solid $disabled-dark
|
||||
|
||||
//Closed row
|
||||
&.closed
|
||||
&:hover, &:active, &:focus
|
||||
border: 1px solid $clr-brick
|
||||
color: $clr-brick
|
||||
|
||||
//Open row
|
||||
&.open
|
||||
.active_table_row:first-child
|
||||
border-top: 1px solid $clr-brick
|
||||
@@ -19,10 +51,8 @@
|
||||
background-color: $clr-brick
|
||||
&:hover
|
||||
background-color: $clr-brick-bright
|
||||
&.closed
|
||||
&:hover, &:active, &:focus
|
||||
border: 1px solid $clr-brick
|
||||
color: $clr-brick
|
||||
|
||||
//Current selected row
|
||||
&.current
|
||||
&.closed
|
||||
&, & *
|
||||
@@ -31,3 +61,5 @@
|
||||
.active_table_row:first-child
|
||||
&, & *
|
||||
color: $clr-brick
|
||||
|
||||
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
|
||||
.producers
|
||||
.active_table .active_table_node
|
||||
//Open row
|
||||
&.open
|
||||
.active_table_row:first-child
|
||||
border-top: 1px solid $clr-turquoise
|
||||
@@ -19,6 +20,7 @@
|
||||
background-color: $clr-turquoise
|
||||
&:hover
|
||||
background-color: $clr-turquoise-bright
|
||||
//Closed row
|
||||
&.closed
|
||||
&, & *
|
||||
color: $dark-grey
|
||||
|
||||
Reference in New Issue
Block a user