summaryrefslogtreecommitdiff
path: root/web-ui/app/scss
diff options
context:
space:
mode:
authorAlexandre Pretto Nunes <anunes@thoughtworks.com>2015-02-12 16:45:02 -0200
committerAlexandre Pretto Nunes <anunes@thoughtworks.com>2015-02-19 16:41:24 -0200
commitc29cca2228684a1e3e2424b4d672c0e6ff10ebbe (patch)
tree153f0e89fbeee6083dbb21b56cb2c0799523b3c7 /web-ui/app/scss
parent356734f2fb0f70910c3e085eb0ebcc72e191fdde (diff)
#239 move the correct div to allow the whole area of a tag to be clickable
Diffstat (limited to 'web-ui/app/scss')
-rw-r--r--web-ui/app/scss/styles.scss55
1 files changed, 31 insertions, 24 deletions
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index dee4f388..18ab92d4 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -116,7 +116,7 @@
margin: -3px 0 0 0;
li {
background-color: #DDD;
- color: black;
+ color: black;
display: inline-block;
height: auto;
font-weight: 400;
@@ -466,7 +466,7 @@ button {
.fake-left-off-canvas-toggle {
color: white;
-
+
&:hover, &:focus {
color: white;
}
@@ -476,7 +476,6 @@ button {
left: 0;
background: $secondary;
top: 0;
- z-index: 10000;
position: relative;
&.logout {
color: $action_buttons;
@@ -575,41 +574,53 @@ button {
position: absolute;
overflow-y: auto;
}
+
.left-off-canvas-menu * {
--webkit-backface-visibility: hidden; }
+ -webkit-backface-visibility: hidden;
+}
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
-overflow: hidden; }
+ overflow: hidden;
+}
+
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
min-height: 100%;
--webkit-overflow-scrolling: touch; }
+ -webkit-overflow-scrolling: touch;
+}
.inner-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
+}
+
+.inner-wrap:before, .inner-wrap:after {
+ content: " ";
+ display: table;
+}
+
+.inner-wrap:after {
+ clear: both;
+}
+
+.off-canvas-wrap.content {
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
-transition: transform 500ms ease; }
-.inner-wrap:before, .inner-wrap:after {
- content: " ";
-display: table; }
-.inner-wrap:after {
-clear: both; }
-
-.off-canvas-wrap.move-right.content > .inner-wrap {
- -ms-transform: translate(10rem, 0);
- -webkit-transform: translate3d(10rem, 0, 0);
- -moz-transform: translate3d(10rem, 0, 0);
- -ms-transform: translate3d(10rem, 0, 0);
- -o-transform: translate3d(10rem, 0, 0);
- transform: translate3d(10rem, 0, 0);
+ transition: transform 500ms ease;
+
+ &.move-right {
+ -webkit-transform: translate3d(10rem, 0, 0);
+ -moz-transform: translate3d(10rem, 0, 0);
+ -ms-transform: translate3d(10rem, 0, 0);
+ -o-transform: translate3d(10rem, 0, 0);
+ transform: translate3d(10rem, 0, 0);
+ }
}
.move-right .exit-off-canvas {
@@ -633,10 +644,6 @@ background: rgba(255, 255, 255, 0.05); } }
position: absolute;
}
-.off-canvas-wrap.move-right.menu > .inner-wrap {
- transform: translate3d(0, 0, 0);
-}
-
.off-canvas-wrap.content {
left: 50px;
padding-right: 50px;