Do not make sidebar push content

2018-08-02 14:32:18 +02:00
parent 6cec6e5155
commit 9f0a3ffcad
4 changed files with 15 additions and 15 deletions
@@ -7,7 +7,6 @@
 		left: 0;
 		height: 100%;
 		width: 100%;
-		transition: width 0.3s;

 		> .state {
 			position: fixed;
@@ -168,12 +167,16 @@

 	> .toolarea-wrapper {
 		position: fixed;
+		width: 0;
 		top: 0;
 		right: 0;
-		width: 20%;
 		height: 100%;
 		background-color: rgba(0,0,0,0.1);
 		transition: width 0.3s;
+
+		&.open {
+			width: 25%;
+		}
 	}
 }

@@ -1,14 +1,19 @@
 [data-component='ToolAreaButton'] {
 	position: absolute;
 	z-index: 101;
-	top: 20px;
-	right: 20px;
+	right: 0;
 	height: 36px;
 	width: 36px;
+	padding: 2rem;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
+	transition: right 0.3s;
+
+	&.on {
+		right: 25%;
+	}

 	> .button {
 		flex: 0 0 auto;