archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Unify active state of list and table items

Browse Source
This commit is contained in:
Pablo Vazquez 2016-11-10 00:52:36 +01:00
parent c17993418c
commit 9612e99806
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/styles/_apps_base.sass
View File

@ -78,11 +78,10 @@ $splitter-width: 5px
display: flex display: flex
align-items: center align-items: center
width: 100% width: 100%
min-height: 50px min-height: 40px
background-color: white background-color: white
padding: 10px 15px padding: 10px
font-size: 1.1em
font-size: 1.2em
border-bottom: thin solid $color-background border-bottom: thin solid $color-background
box-shadow: 0 0 15px rgba(black, .2) box-shadow: 0 0 15px rgba(black, .2)
@ -99,12 +98,13 @@ $splitter-width: 5px
background-color: white background-color: white
border-bottom: thin solid $color-background border-bottom: thin solid $color-background
&:hover
background-color: $color-background-light
&.active &.active
background-color: $color-background-active background-color: $color-background-active
border-bottom-color: darken($color-background-active, 15%) border-bottom-color: darken($color-background-active, 5%)
box-shadow: inset -5px 0 0 darken($color-background-active, 10%), inset 0 1px darken($color-background-active, 5%)
&:last-child
box-shadow: inset -5px 0 0 $color-primary
&.empty &.empty
padding: 15px padding: 15px
@ -230,13 +230,14 @@ nav.sidebar
background-color: lighten($color-background-active, 2%) background-color: lighten($color-background-active, 2%)
.table-cell .table-cell
border-bottom-color: darken($color-background-active, 15%) border-bottom-color: darken($color-background-active, 5%)
box-shadow: inset 0 1px darken($color-background-active, 5%)
.table-cell:last-child .table-cell:last-child
box-shadow: inset -5px 0 0 $color-primary box-shadow: inset -5px 0 0 darken($color-background-active, 10%), inset 0 1px darken($color-background-active, 5%)
.table-cell .table-cell
display: table-cell display: table-cell
border-bottom: thin solid $color-background-dark border-bottom: thin solid $color-background
vertical-align: middle vertical-align: middle
span.hint span.hint
@ -248,9 +249,9 @@ nav.sidebar
min-width: 4px min-width: 4px
height: 100% height: 100%
display: table-cell display: table-cell
border: 2px solid $color-background border: none
border-top: none border-left: 2px solid $color-background-light
border-bottom: none border-right: 2px solid $color-background
cursor: e-resize cursor: e-resize
.table.table-hover .table.table-hover