Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
open-source
MetaGer
Commits
2906d450
Commit
2906d450
authored
Nov 06, 2017
by
Aria Givi
Browse files
Animation sieht jetzt gut aus
parent
7737b64d
Changes
1
Hide whitespace changes
Inline
Side-by-side
resources/assets/less/metager/sidebar.less
View file @
2906d450
...
...
@@ -49,13 +49,14 @@
&>label {
font-size: 16px;
line-h
eight:
20px
;
font-w
eight:
normal
;
text-decoration: none;
text-indent: 12px;
color: black;
line-height: 20px;
display: inline-block;
width: 100%;
color: black;
font-weight: normal;
&:hover {
color: red;
}
...
...
@@ -63,13 +64,15 @@
}
& .metager-dropdown-menu {
min-width: 160px;
max-height: 0px;
text-align: left;
list-style-type: none;
z-index: 1000;
float: left;
min-width: 160px;
text-align: left;
max-height: 0px;
overflow: hidden;
transition: 0.5s ease;
&>li>a {
display: block;
font-size: 12px;
...
...
@@ -80,10 +83,12 @@
line-height: 1.42857143;
border-top: 1px solid LightGray;
margin-left: 2px;
&:hover {
text-decoration: none;
}
}
label:after {
#navbar-static-pages {
z-index: 4;
...
...
@@ -128,12 +133,10 @@
&:checked {
& ~.metager-dropdown-menu {
animation-name: dropdown-animation;
animation-duration: 0.7s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
animation-delay: 0.1s;
max-height: 1000px;
padding: 5px 0;
}
& ~ label > .caret {
border-top:0 solid;
border-bottom:4px solid;
...
...
@@ -143,10 +146,7 @@
&:not(:checked) {
& ~.metager-dropdown-menu {
animation-name: reverse-dropdown-animation;
animation-duration: 0.3s;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
padding: 0px 0;
}
}
}
...
...
@@ -188,34 +188,4 @@ input#nav0:checked {
& ~.sideBar {
right: 0px;
}
}
@keyframes dropdown-animation {
0% {
max-height: 0px;
padding: 0px 0;
}
1% {
padding: 5px 0;
}
100% {
max-height: 1000px;
padding: 5px 0;
}
}
@keyframes reverse-dropdown-animation {
0% {
max-height: 300px;
padding: 5px 0;
}
1% {
padding: 5px 0;
}
100% {
max-height: 0px;
padding: 0px 0;
}
}
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment