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

Merge branch 'spis-master' into 'master'

Browse source 
num in metabox + togglelink for sitebar

See merge request !9
This commit is contained in:
Jana Deutschländer 2017-01-10 10:03:22 +01:00
commit a67033a090
4 changed files with 261 additions and 162 deletions
Download patch file Download diff file Expand all files Collapse all files

32
css/area_nav-metabox.less
View file

@ -41,21 +41,49 @@
border-radius: 4px 4px 0 0;
color: @color-nav;
cursor: pointer;
transition: @transition color, @transition background-color, @transition border-color;
* {
cursor: pointer;
}
.prefix {
font-size: .78rem;
color: @color-nav;
position: relative;
transition: @transition color;
}
.num {
position: absolute;
right: -.8rem;
top: -.4rem;
background-color: @color-border;
border-radius: 2px;
color: @color-nav;
font-size: .56rem;
font-weight: 400;
text-align: center;
line-height: 1;
padding: .2em .2rem .1em;
transition: @transition color, @transition background-color;
}
&:hover, &:focus, &:active {
color: @color-link;
&:hover,
&:focus,
&:active {
background-color: @background_page-header;
border-color: @color-border;
border-bottom-color: transparent;
color: @button_background;
.prefix {
color: @button_background;
}
.num {
background-color: @button_background;
color: @button_color;
}
}
}
&.active > a {

65
css/area_togglelink.less Normal file
View file

@ -0,0 +1,65 @@
/**
* This file provides the design styles for the sidebar (navmain).
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#dokuwiki__content {
overflow: visible;
.togglelink {
&.page_main-content {
position: absolute;
top: -1px;
left: -2rem;
z-index: 1;
a {
display: block;
width: 2rem;
height: 3.1rem;
background-color: #F6F6F6;
border: solid 1px @color-border;
border-radius: 2px 0 0 2px;
text-decoration: none;
text-align: center;
padding-top: .9em;
transition: @transition color, @transition background-color, @transition border-color;
&:hover,
&:focus,
&:active {
background-color: @button_background;
border-color: @button_background;
color: @button_color;
text-decoration: none;
* {
color: inherit;
text-decoration: none;
}
}
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
#dokuwiki__content .togglelink {
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */
@media @screen_max-xlg {
#dokuwiki__content .togglelink {
}
}