EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'master' of gitlab.cosmocode.de:deutschlaender/sprintdoc-template into spis-master

Browse source
This commit is contained in:
Silke Pisulla 2017-03-03 09:24:27 +01:00
commit c27edccc74
15 changed files with 361 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

80
css/area_main-sidebar-nav.less
View file

@ -4,28 +4,32 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
* @author Andreas Gohr <gohr@cosmocode.de>
*/
#dokuwiki__aside {
@icon-size: @font-size-big;
@menu-margin: @icon-size + @margin-small*2; // FIXME this is still wrong
margin-left: @menu-margin; // moves *all* sidebar content to the right
> * {
margin-left: @menu-margin; // moves *all* sidebar content to the right
}
// the toggle element
a.nav {
font-size: @font-size-head6;
margin: 0 0 @font-size-head6;
cursor: pointer;
font-weight: normal;
margin: 0 0 @font-size-head6;
margin-left: (@menu-margin * -1); // moves the toggles back to the left
color: @color-nav;
font-size: @font-size-head6;
font-weight: normal;
border: 1px solid transparent;
border-radius: @fix_border-radius;
transition: @transition color, @transition background-color, @transition border-color;
height: @icon-size + @margin-small;
display: flex;
display: -ms-flexbox;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
span {
@ -60,13 +64,13 @@
border: 2px solid @color-nav;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
}
// real icon
svg {
width: @icon-size;
height: @icon-size;
path {
fill: @color-nav;
}
@ -98,6 +102,69 @@
}
}
/**
* Sidebar handling in mobile view
*/
@media @screen_max-md {
// hide on medium and smaller screens
#dokuwiki__aside {
display: none;
}
// show when toggled
body.show-mobile-sidebar {
#dokuwiki__aside {
display: block;
position: absolute;
left: 1.25rem; //left margin of content container
z-index: 200; // above all
box-shadow: @box-shadow-right-bottom;
min-width: 45%;
max-width: 90%;
height: auto;
&:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: @ini_background;
background: -webkit-linear-gradient(left, @ini_background, @color-content-bg);
background: linear-gradient(left, @ini_background, @color-content-bg);
z-index: 0;
}
> nav {
position: relative;
//display: block;
z-index: 2;
&:first-child {
margin-top: 1.2rem;
}
}
a.nav {
border-radius: 0;
border-right-width: 0;
border-left-width: 0;
}
.nav-panel,
a.nav {
padding-right: .8em;
}
}
}
}
// FIXME check if the stuff below is still relevant
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
@ -127,6 +194,7 @@
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */