summaryrefslogtreecommitdiffstats
path: root/client/components/sidebar/sidebar.styl
diff options
context:
space:
mode:
authorMaxime Quandalle <maxime@quandalle.com>2015-05-12 19:20:58 +0200
committerMaxime Quandalle <maxime@quandalle.com>2015-05-12 19:33:50 +0200
commit2dbea30842ec63a68055245fe26633bb7913daf3 (patch)
treee9143893a3d3bf4ad34dd3a97d6f3466561c8756 /client/components/sidebar/sidebar.styl
downloadwekan-2dbea30842ec63a68055245fe26633bb7913daf3.tar.gz
wekan-2dbea30842ec63a68055245fe26633bb7913daf3.tar.bz2
wekan-2dbea30842ec63a68055245fe26633bb7913daf3.zip
Renaissance
_,,ad8888888888bba,_ ,ad88888I888888888888888ba, ,88888888I88888888888888888888a, ,d888888888I8888888888888888888888b, d88888PP"""" ""YY88888888888888888888b, ,d88"'__,,--------,,,,.;ZZZY8888888888888, ,8IIl'" ;;l"ZZZIII8888888888, ,I88l;' ;lZZZZZ888III8888888, ,II88Zl;. ;llZZZZZ888888I888888, ,II888Zl;. .;;;;;lllZZZ888888I8888b ,II8888Z;; `;;;;;''llZZ8888888I8888, II88888Z;' .;lZZZ8888888I888b II88888Z; _,aaa, .,aaaaa,__.l;llZZZ88888888I888 II88888IZZZZZZZZZ, .ZZZZZZZZZZZZZZ;llZZ88888888I888, II88888IZZ<'(@@>Z| |ZZZ<'(@@>ZZZZ;;llZZ888888888I88I ,II88888; `""" ;| |ZZ; `""" ;;llZ8888888888I888 II888888l `;; .;llZZ8888888888I888, ,II888888Z; ;;; .;;llZZZ8888888888I888I III888888Zl; .., `;; ,;;lllZZZ88888888888I888 II88888888Z;;...;(_ _) ,;;;llZZZZ88888888888I888, II88888888Zl;;;;;' `--'Z;. .,;;;;llZZZZ88888888888I888b ]I888888888Z;;;;' ";llllll;..;;;lllZZZZ88888888888I8888, II888888888Zl.;;"Y88bd888P";;,..;lllZZZZZ88888888888I8888I II8888888888Zl;.; `"PPP";;;,..;lllZZZZZZZ88888888888I88888 II888888888888Zl;;. `;;;l;;;;lllZZZZZZZZW88888888888I88888 `II8888888888888Zl;. ,;;lllZZZZZZZZWMZ88888888888I88888 II8888888888888888ZbaalllZZZZZZZZZWWMZZZ8888888888I888888, `II88888888888888888b"WWZZZZZWWWMMZZZZZZI888888888I888888b `II88888888888888888;ZZMMMMMMZZZZZZZZllI888888888I8888888 `II8888888888888888 `;lZZZZZZZZZZZlllll888888888I8888888, II8888888888888888, `;lllZZZZllllll;;.Y88888888I8888888b, ,II8888888888888888b .;;lllllll;;;.;..88888888I88888888b, II888888888888888PZI;. .`;;;.;;;..; ...88888888I8888888888, II888888888888PZ;;';;. ;. .;. .;. .. Y8888888I88888888888b, ,II888888888PZ;;' `8888888I8888888888888b, II888888888' 888888I8888888888888888 ,II888888888 ,888888I8888888888888888 ,d88888888888 d888888I8888888888ZZZZZZ ,ad888888888888I 8888888I8888ZZZZZZZZZZZZ 888888888888888' 888888IZZZZZZZZZZZZZZZZZ 8888888888P'8P' Y888ZZZZZZZZZZZZZZZZZZZZ 888888888, " ,ZZZZZZZZZZZZZZZZZZZZZZZ 8888888888, ,ZZZZZZZZZZZZZZZZZZZZZZZZZZ 888888888888a, _ ,ZZZZZZZZZZZZZZZZZZZZ88888888 888888888888888ba,_d' ,ZZZZZZZZZZZZZZZZZ8888888888888 8888888888888888888888bbbaaa,,,______,ZZZZZZZZZZZZZZZ88888888888888888 88888888888888888888888888888888888ZZZZZZZZZZZZZZZ88888888888888888888 8888888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888 888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888 8888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888888 88888888888888888888888888888ZZZZZZZZZZZZZZ888888888888888888888888888 8888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888 Normand 8 88888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888 Veilleux 8 8888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888888888888
Diffstat (limited to 'client/components/sidebar/sidebar.styl')
-rw-r--r--client/components/sidebar/sidebar.styl154
1 files changed, 154 insertions, 0 deletions
diff --git a/client/components/sidebar/sidebar.styl b/client/components/sidebar/sidebar.styl
new file mode 100644
index 00000000..4b741dc7
--- /dev/null
+++ b/client/components/sidebar/sidebar.styl
@@ -0,0 +1,154 @@
+@import 'nib'
+
+.sidebar
+ .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
+ position: absolute
+ top: 0
+ right: -@width
+ bottom: 0
+ 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