Restyling active nodes for producer and hub

This commit is contained in:
summerscope
2014-05-08 15:55:36 +10:00
parent e7a3b48274
commit daaa2760a0
3 changed files with 38 additions and 25 deletions

View File

@@ -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
&, & *

View File

@@ -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

View File

@@ -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