| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155 |
- @import 'nib'
- .sidebar
- position: absolute
- top: 0
- bottom: 0
- right: 0
- .sidebar-content
- padding: 10px 20px
- background: white
- box-shadow: -10px 0px 5px -10px darken(white, 30%)
- z-index: 10
- position: absolute
- top: 0
- bottom: 0
- right: 0
- left: 0
- overflow-x: hidden
- overflow-y: auto
- h3
- color: darken(white, 50%)
- hr
- margin: 8px 0
- .board-sidebar
- width: 248px
- right: -@width
- transition: top .1s, right .1s, width .1s
- &.is-open
- right: 0
- .board-widget-nav
- border-radius: 3px
- background: #dcdcdc
- overflow: hidden
- padding: 0
- position: relative
- .toggle-widget-nav
- border-radius: 3px
- color: #8c8c8c
- margin: 0
- padding: 7px 10px
- position: relative
- cursor: pointer
- .toggle-menu-icon
- position: absolute
- top: 8px
- right: 8px
- &:hover
- background: #ccc
- color: #4d4d4d
- .nav-list
- display: block
- opacity: 1
- max-height: 400px
- hr
- margin: 2px 0
- color: #ccc
- background: #ccc
- .nav-list-item
- display: block
- font-weight: 700
- line-height: 30px
- overflow: hidden
- padding: 0 8px 0 36px
- position: relative
- text-decoration: none
- .icon-type
- left: 10px
- position: absolute
- top: 6px
- &:hover
- background: #ccc
- .icon-type
- color: #686868
- .nav-list-sub-item
- font-weight: 400
- color: #666
- &:hover
- color: #4d4d4d
- &.collapsed
- .nav-list
- max-height: 0
- opacity: 0
- hr
- margin: 0
- .toggle-widget-nav
- color: #4d4d4d
- .board-widget-title
- display: block
- min-height: 20px
- margin-bottom: 6px
- .board-widget-content
- position: relative
- z-index: 1
- .board-widget h4
- margin: 5px 0
- .board-widget-activity
- margin-right: -4px
- .sidebar-tongue
- display: block
- width: 30px
- height: @width
- left: -@width
- position: absolute
- top: 12px
- z-index: 15
- background: white
- border-radius: left 3px
- box-shadow: -4px 0px 7px -4px darken(white, 30%)
- color: darken(white, 50%)
- transition: left .1s
- i.fa
- margin: 9px
- transition: transform 0.5s
- .board-sidebar.is-open &
- left: -@width + 2px
- // XXX Bug: we should add a padding left
- &:hover
- left: -@width + 5px
- i.fa
- transform: rotate(180deg)
- &.is-hidden,
- .board-sidebar.is-open &.is-hidden
- z-index: 0
- left: 5px
|
