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
1e3db193
Commit
1e3db193
authored
Oct 12, 2018
by
Karl Hasselbring
Browse files
Der Sidebar Knopf ist jetzt auf der mobilen Version leichter anzuklicken
parent
ea8af347
Changes
3
Hide whitespace changes
Inline
Side-by-side
resources/assets/less/metager/result-page.less
View file @
1e3db193
...
...
@@ -32,7 +32,7 @@
//
@logo-size-breakpoint: (@results-width-min + @padding-small-default * 2);
//
@
openSideba
r-breakpoint: (@results-width-max + @padding-small-default * 2 + 60px);
@
sidebar-opene
r-breakpoint: (@results-width-max + @padding-small-default * 2 + 60px);
//
#header-logo {
z-index: 0;
...
...
@@ -435,7 +435,7 @@ a {
.search-input-submit .search-input input {
border-bottom: 1px solid #ccc;
}
@media (max-width: @
openSideba
r-breakpoint) {
@media (max-width: @
sidebar-opene
r-breakpoint) {
.search-focus-selector {
border-top: none;
border-radius: 5px;
...
...
@@ -547,17 +547,17 @@ footer.resultPageFooter {
/* Searchbar Opener */
#research-bar>.
openSideba
r {
#research-bar>.
sidebar-opene
r {
display: none;
margin-right: 10px;
margin-left: 20px;
}
@media(max-width: @
openSideba
r-breakpoint) {
#resultpage-container>.
openSideba
r {
@media(max-width: @
sidebar-opene
r-breakpoint) {
#resultpage-container>.
sidebar-opene
r {
display: none;
}
#research-bar>.
openSideba
r {
#research-bar>.
sidebar-opene
r {
display: initial;
}
}
...
...
resources/assets/less/metager/sidebar.less
View file @
1e3db193
...
...
@@ -146,20 +146,22 @@ input#sidebarToggle:checked {
&~.sidebar {
right: 0px;
}
&~.
openSideba
r {
&~.
sidebar-opene
r {
&:after {
content: "×";
}
}
}
.openSidebar {
&.fixed {
position: fixed;
top: 23px;
right: 25px;
z-index: 20;
}
// Top right starting position of the sidebar icon
@sidebar-opener-top: 23px;
@sidebar-opener-right: 25px;
.sidebar-opener {
position: fixed;
top: @sidebar-opener-top;
right: @sidebar-opener-right;
margin: 0px;
z-index: 20;
font-size: 36px;
line-height: 23px;
border-radius: 5px;
...
...
@@ -181,22 +183,27 @@ input#sidebarToggle:checked {
@media (max-width: @screen-xs-max) {
.sidebar {
padding-top: 15px;
right: -90%;
width: 90%;
overflow: auto;
.sidebar-list {
max-height: 1000px;
}
.sidebar-logo {
display: none;
}
.sidebar {
right: -90%;
width: 90%;
overflow: auto;
.sidebar-list {
max-height: 1000px;
}
}
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;
padding: @sidebar-opener-mobile-magnification;
top: (@sidebar-opener-top - @sidebar-opener-mobile-magnification);
right: (@sidebar-opener-right - @sidebar-opener-mobile-magnification);
}
.sidebar-opener-placeholder {
display: initial;
}
...
...
resources/views/parts/sidebar-opener.blade.php
View file @
1e3db193
<label
class=
"
openSideba
r navigation-element {{$class or ''}}"
for=
"sidebarToggle"
></label>
<label
class=
"
sidebar-opene
r navigation-element {{$class or ''}}"
for=
"sidebarToggle"
></label>
Write
Preview
Supports
Markdown
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