Commit 9fe79e0c authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

set breakpoint for hiding logo in sidebar to min-height

parent df929fbd
......@@ -15,42 +15,52 @@
color: @text-color;
transition: 0.5s;
border-left: none;
.sidebar-logo {
> span {
>span {
display: block;
margin: 20px;
padding: 10px 0;
text-align: center;
border-radius: 10px;
>img {
width: 10em;
}
}
}
.sidebar-list {
padding-left: 0;
list-style: none;
margin-left: -5px;
&>li {
width: 100%;
&:hover {
background-color: @sidebar-list-hover-color;
}
&>label,
&>a {
padding: 10px 0px;
&:focus {
outline: none;
}
&>i.fa {
width: 30px;
text-align: center;
margin-right: 7px;
}
&>img {
filter: invert(@icon-color);
}
}
&>label {
font-size: 1.1em;
font-weight: normal;
......@@ -60,12 +70,15 @@
line-height: 20px;
display: inline-block;
width: 100%;
&:hover, &:focus {
&:hover,
&:focus {
color: red;
}
}
}
}
.metager-dropdown-content {
display: none;
min-width: 160px;
......@@ -75,6 +88,7 @@
z-index: 30;
overflow: hidden;
transition: 0.5s ease;
&>li>a {
display: block;
font-size: .9em;
......@@ -84,10 +98,12 @@
font-weight: normal;
line-height: 1.42857143;
margin-left: 2px;
&:hover {
text-decoration: none;
}
}
label:after {
#navbar-static-pages {
z-index: 40;
......@@ -95,6 +111,7 @@
}
}
}
a {
font-size: 1.1em;
line-height: 20px;
......@@ -103,10 +120,13 @@
display: inline-block;
width: 100%;
color: @text-color;
&:hover, &:focus {
&:hover,
&:focus {
color: red;
}
}
p {
width: 90%;
text-align: center;
......@@ -120,57 +140,70 @@
font-size: 30px;
line-height: 35px;
}
.caret {
position: absolute;
left: 90%;
margin-top: 8px;
}
input.sidebarCheckbox {
display: none;
&:checked {
&~.metager-dropdown-content {
display: initial;
max-height: 1000px;
padding: 0px 0px 0px 0px;
}
&~label>.caret {
border-top: 0 solid;
border-bottom: 4px solid;
transition: border-top .1s, border-bottom .1s .1s;
}
}
&:not(:checked) {
&~.metager-dropdown-content {
padding: 0px 0;
}
}
}
input#nav0:checked~& {
border-left: 1px solid LightGray;
}
hr {
margin: 0px;
border-color: #e0e0e0;
}
}
@media(max-height: 635px) {
.sidebar .sidebar-logo {
display: none;
}
}
@media (max-width: @screen-mobile) {
.sidebar {
padding-top: 15px;
right: -90%;
width: 90%;
overflow: auto;
.sidebar-list {
max-height: 1000px;
}
.sidebar-logo {
display: none;
}
ul.metager-dropdown-content {
position: inherit;
width: 100%;
}
}
.sidebar-opener {
// Make the open and close button bigger, so it is easier to hit
@sidebar-opener-mobile-magnification: 10px;
......@@ -178,6 +211,7 @@
top: (@sidebar-opener-position-top - @sidebar-opener-mobile-magnification);
right: (@sidebar-opener-position-right - @sidebar-opener-mobile-magnification);
}
.sidebar-opener-placeholder {
display: initial;
}
......@@ -188,6 +222,7 @@
// Top right starting position of the sidebar icon
@sidebar-opener-position-top: 22px;
@sidebar-opener-position-right: 25px;
.sidebar-opener {
position: fixed;
top: @sidebar-opener-position-top;
......@@ -199,9 +234,11 @@
border-radius: 5px;
color: grey;
background-color: transparent;
&:after {
content: "≡";
}
&:hover {
color: @metager-orange;
}
......@@ -213,7 +250,7 @@
}
/* Sidebar toggle checkbox */
#sidebarToggle {
#sidebarToggle {
display: none;
}
......@@ -221,72 +258,86 @@
&~.sidebar {
right: 0px;
}
&~.sidebar-opener {
&:after {
content: "×";
}
}
}
#sidebar-img-app {
height:20px;
margin-right:13px;
margin-left:13px;
height: 20px;
margin-right: 13px;
margin-left: 13px;
}
#sidebar-img-lock {
height: 20px;
margin-right: 10px;
margin-left: 10px;
}
#sidebar-img-help{
height:20px;
#sidebar-img-help {
height: 20px;
margin-right: 15px;
margin-left: 15px;
}
#sidebar-img-donate{
height:20px;
#sidebar-img-donate {
height: 20px;
margin-right: 7px;
margin-left: 9px;
}
#sidebar-img-member{
height:20px;
margin-right:8px;
margin-left:12px;
#sidebar-img-member {
height: 20px;
margin-right: 8px;
margin-left: 12px;
}
#sidebar-img-contact {
height: 13px;
margin-left: 10px;
margin-right: 8px;
}
#sidebar-img-language {
height: 20px;
margin-right: 9px;
margin-left: 12px;
}
#sidebar-img-services {
height:20px;
height: 20px;
margin-right: 9px;
margin-left: 10px;
}
#sidebar-img-map{
#sidebar-img-map {
height: 15px;
margin-left: 10px;;
margin-left: 10px;
;
margin-right: 9px;
}
#sidebar-img-lupe {
height: 20px;
margin-left: 10px;
margin-right: 8px;
}
#sidebar-img-outlink {
height: 20px;
margin-left: 10px;
}
#sidebar-img-info {
height: 18px;
margin-top: -4px;
margin-left: 7px;
margin-right: 8px;
}
\ No newline at end of file
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