Commit d7bf2146 authored by Aria Givi's avatar Aria Givi
Browse files

Etwas aufpoliert

parent 65c401e1
#closeSidebar {
z-index: 998;
font-size: 36px;
position: fixed;
top: 0px;
right: 20px;
&:after {
content: "≡";
}
}
.sideBar { .sideBar {
position: fixed; position: fixed;
display: block; display: block;
right: -140px; right: -200px;
top: 0;
width: 200px; width: 200px;
height: 100%; height: 100%;
background-color: #FFF; background-color: #FFF;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
transition: 0.3s; transition: 0.5s;
z-index: 999; z-index: 999;
border-left: 1px solid LightGray; border-left: 1px solid LightGray;
&>label { &>label {
position: fixed; position: absolute;
font-size: 36px; font-size: 36px;
top: 0px; top: 0px;
right: 20px; right: 20px;
&:after {
content: "≡";
}
} }
&>ul { &>ul {
padding-top: 20%; padding-top: 20%;
...@@ -40,10 +47,15 @@ ...@@ -40,10 +47,15 @@
display: none; display: none;
} }
input#nav0:checked~.sideBar { input#nav0:checked {
right: 0px; & ~#closeSideBar:after {
& * { content: ""
display: inline-block; }
& ~.sideBar {
right: 0px;
& * {
display: inline-block;
}
} }
} }
......
<input name="nav" id="nav0" style="display: none;" type="checkbox"> <input name="nav" id="nav0" style="display: none;" type="checkbox">
<label id="closeSidebar" role="button" for="nav0"></label>
<div class="sideBar"> <div class="sideBar">
<label role="button" for="nav0"></label> <label role="button" for="nav0"></label>
<ul id="metager-static-nav-list" class="list-inline pull-right"> <ul id="metager-static-nav-list" class="list-inline pull-right">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment