diff options
author | Alexandre Pretto Nunes <anunes@thoughtworks.com> | 2015-02-10 17:55:15 -0200 |
---|---|---|
committer | Alexandre Pretto Nunes <anunes@thoughtworks.com> | 2015-02-19 16:41:24 -0200 |
commit | fa3e2ba6d928817f749431853142ae824b72eb82 (patch) | |
tree | c5937a6f53da614d6b94de3086cd6c3942390f60 /web-ui/app/scss | |
parent | 88c5ddd2f3af1a5a38c9a501543363aba00323c0 (diff) |
#239 Move toggle to sidebar nav (with js hack)
Diffstat (limited to 'web-ui/app/scss')
-rw-r--r-- | web-ui/app/scss/styles.scss | 57 |
1 files changed, 27 insertions, 30 deletions
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss index c3da4604..cd149b9f 100644 --- a/web-ui/app/scss/styles.scss +++ b/web-ui/app/scss/styles.scss @@ -463,6 +463,23 @@ button { } } +.fake-left-off-canvas-toggle { + color: white; + &:hover, &:focus { + color: white; + } + display: block; + left: 0; + padding: 9px; + background: $secondary; + top: 0; + z-index: 10000; + position: relative; + &.logout { + color: $action_buttons; + } +} + .collapsed-nav { width: 50px; position: absolute; @@ -478,21 +495,6 @@ button { img { padding-top: 1px; } - } - - .left-off-canvas-toggle { - color: white; - text-align: center; - display: block; - left: 0; - padding: 9px; - background: $secondary; - top: 0; - z-index: 10000; - position: relative; - &.logout { - color: $action_buttons; - } } ul.shortcuts { @@ -601,13 +603,13 @@ display: table; } .inner-wrap:after { clear: both; } -.off-canvas-wrap.move-right > .inner-wrap.content { - -ms-transform: translate(13.88889rem, 0); - -webkit-transform: translate3d(13.88889rem, 0, 0); - -moz-transform: translate3d(13.88889rem, 0, 0); - -ms-transform: translate3d(13.88889rem, 0, 0); - -o-transform: translate3d(13.88889rem, 0, 0); - transform: translate3d(13.88889rem, 0, 0); +.off-canvas-wrap.move-right.content > .inner-wrap { + -ms-transform: translate(9rem, 0); + -webkit-transform: translate3d(9rem, 0, 0); + -moz-transform: translate3d(9rem, 0, 0); + -ms-transform: translate3d(9rem, 0, 0); + -o-transform: translate3d(9rem, 0, 0); + transform: translate3d(9rem, 0, 0); } .move-right .exit-off-canvas { @@ -631,17 +633,12 @@ background: rgba(255, 255, 255, 0.05); } } position: absolute; } -.off-canvas-wrap.move-right.menu > .inner-wrap.content { +.off-canvas-wrap.move-right.menu > .inner-wrap { transform: translate3d(0, 0, 0); } -.off-canvas-wrap .inner-wrap.content { - -ms-transform: translate(75px, 0); - -webkit-transform: translate3d(75px, 0, 0); - -moz-transform: translate3d(75px, 0, 0); - -ms-transform: translate3d(75px, 0, 0); - -o-transform: translate3d(75px, 0, 0); - transform: translate3d(75px, 0, 0); +.off-canvas-wrap.content { + left: 75px; } .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { |