Skip to content
GitLab
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
3e76c44e
Commit
3e76c44e
authored
Oct 24, 2017
by
Aria Givi
Browse files
label ids sinnvoll umbenannt, sidebar.less
parent
7cdcc0fd
Changes
2
Hide whitespace changes
Inline
Side-by-side
resources/assets/less/metager/sidebar.less
View file @
3e76c44e
...
...
@@ -5,7 +5,7 @@
@metager-dropdown-menu-li-a-hover-color: @static-pages-color-strong-grey;
@metager-dropdown-menu-li-a-hover-background-color: @static-pages-color-almost-white;
#close
Sidebar {
label#open
Sidebar {
z-index: 998;
font-size: 36px;
position: fixed;
...
...
@@ -33,10 +33,12 @@
transition: 0.5s;
z-index: 999;
background-color: white;
& * {
display: inline-block;
}
&>label {
&>label#closeSidebar {
position: absolute;
font-size: 36px;
top: 0px;
...
...
@@ -49,9 +51,72 @@
color: rgb(255,128,0);
}
}
&>ul {
padding-top: 20%;
}
& #metager-static-nav-list > li {
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
border-bottom: 1px solid LightGray;
&:hover {
background-color: @metager-navbar-toggle-hover-background-color;
&>.metager-dropdown-menu {
animation-name: dropdown-animation;
animation-duration: 0.7s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
animation-delay: 0.1s;
}
}
}
& .metager-dropdown-menu {
list-style-type: none;
padding-left: 0;
top: 100%;
left: auto;
z-index: 1000;
float: left;
min-width: 160px;
margin: 2px 0 0;
margin-top: 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: @metager-dropdown-menu-background-color;
border-radius: 4px;
box-shadow: 0 6px 12px @metager-dropdown-menu-box-shadow-color;
background-clip: padding-box;
max-height: 0px;
overflow: hidden;
&>li>a {
display: block;
font-size: 12px;
padding: 3px 20px;
width: 100%;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: @metager-dropdown-menu-li-a-color;
&:hover {
text-decoration: none;
color: @metager-dropdown-menu-li-a-hover-color;
background-color: @metager-dropdown-menu-li-a-hover-background-color;
}
}
label:after {
#navbar-static-pages {
z-index: 4;
width: 100%;
}
}
}
& a {
font-size: 16px;
line-height: 20px;
...
...
@@ -83,48 +148,6 @@
}
}
ul.metager-dropdown-menu {
list-style-type: none;
padding-left: 0;
top: 100%;
left: auto;
z-index: 1000;
float: left;
min-width: 160px;
margin: 2px 0 0;
margin-top: 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: @metager-dropdown-menu-background-color;
border-radius: 4px;
box-shadow: 0 6px 12px @metager-dropdown-menu-box-shadow-color;
background-clip: padding-box;
max-height: 0px;
overflow: hidden;
&>li>a {
display: block;
font-size: 12px;
padding: 3px 20px;
width: 100%;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: @metager-dropdown-menu-li-a-color;
&:hover {
text-decoration: none;
color: @metager-dropdown-menu-li-a-hover-color;
background-color: @metager-dropdown-menu-li-a-hover-background-color;
}
}
label:after {
#navbar-static-pages {
z-index: 4;
width: 100%;
}
}
}
@keyframes dropdown-animation {
0% {
max-height: 0px;
...
...
@@ -142,24 +165,6 @@ ul.metager-dropdown-menu {
}
}
#metager-static-nav-list > li:hover {
background-color: @metager-navbar-toggle-hover-background-color;
&>.metager-dropdown-menu {
animation-name: dropdown-animation;
animation-duration: 0.7s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
animation-delay: 0.1s;
}
}
#metager-static-nav-list>li {
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
border-bottom: 1px solid LightGray;
}
@media (max-width: 979px) {
#metager-static-nav-list {
width: 100%;
...
...
resources/views/layouts/sidebar.blade.php
View file @
3e76c44e
<input
name=
"nav"
id=
"nav0"
style=
"display: none;"
type=
"checkbox"
>
<label
id=
"
close
Sidebar"
role=
"button"
for=
"nav0"
></label>
<label
id=
"
open
Sidebar"
role=
"button"
for=
"nav0"
></label>
<div
class=
"sideBar"
>
<label
role=
"button"
for=
"nav0"
></label>
<label
id=
"closeSidebar"
role=
"button"
for=
"nav0"
></label>
<p>
MetaGer
</p>
<ul
id=
"metager-static-nav-list"
class=
"list-inline pull-right"
>
<li
@
if
(
!
isset
($
navbarFocus
)
||
$
navbarFocus =
==
'
suche
')
class=
"active"
@
endif
>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new 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