Style modal dialog and status-debug classes
This commit is contained in:
@@ -27,20 +27,36 @@ nav.sidebar
|
||||
width: $sidebar-width
|
||||
height: 100%
|
||||
background-color: $color-background-nav
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
dl
|
||||
dd
|
||||
ul
|
||||
width: 100%
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
&.bottom
|
||||
margin-top: auto
|
||||
|
||||
li
|
||||
display: block
|
||||
padding: 0
|
||||
margin: 0
|
||||
a
|
||||
a, button
|
||||
display: flex
|
||||
color: $color-text-light-hint
|
||||
font-size: 1.5em
|
||||
align-items: center
|
||||
justify-content: center
|
||||
padding: 10px 0
|
||||
background: transparent
|
||||
border: none
|
||||
width: 100%
|
||||
|
||||
&:hover
|
||||
color: $color-text-light-primary
|
||||
&:active
|
||||
outline: none
|
||||
|
||||
#col_sidebar
|
||||
width: $sidebar-width
|
||||
@@ -204,3 +220,69 @@ select.input-transparent
|
||||
|
||||
.fg-status
|
||||
@include status-color-property(color, '', 'dark')
|
||||
|
||||
.modal-content
|
||||
border: none
|
||||
border-radius: 3px
|
||||
box-shadow: 0 0 25px rgba(black, .25)
|
||||
background-color: $color-background-light
|
||||
|
||||
.modal-header
|
||||
border-top-left-radius: 3px
|
||||
border-top-right-radius: 3px
|
||||
background-color: white
|
||||
padding: 10px 10px 10px 15px
|
||||
|
||||
.title
|
||||
font-size: 1.2em
|
||||
|
||||
.close
|
||||
float: right
|
||||
background: transparent
|
||||
border: none
|
||||
color: $color-text-dark-hint
|
||||
|
||||
&:hover
|
||||
color: $color-primary
|
||||
|
||||
.modal-backdrop
|
||||
background-color: $color-background-nav
|
||||
|
||||
|
||||
.modal-help-panel
|
||||
overflow: hidden
|
||||
border-radius: 3px
|
||||
width: 30%
|
||||
background-color: white
|
||||
box-shadow: 1px 2px 10px rgba(black, .1)
|
||||
|
||||
.title
|
||||
display: block
|
||||
padding: 10px
|
||||
color: $color-text-dark-primary
|
||||
|
||||
.status-debug-item
|
||||
width: 100%
|
||||
|
||||
.status-debug-item-statuses
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: center
|
||||
color: $color-text
|
||||
text-shadow: 1px 1px 0 rgba(white, .3)
|
||||
|
||||
.light, .regular, .dark
|
||||
flex: 1
|
||||
min-height: 25px
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: center
|
||||
|
||||
.light
|
||||
@include status-color-property(background-color, '', 'light')
|
||||
.regular
|
||||
flex: 3
|
||||
@include status-color-property(background-color, '', '')
|
||||
.dark
|
||||
@include status-color-property(background-color, '', 'dark')
|
||||
|
||||
|
Reference in New Issue
Block a user