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

better content-togglelink

Browse source
This commit is contained in:
Silke Pisulla 2017-01-10 15:28:51 +01:00
commit 9d4d2a1a8c
3 changed files with 55 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

76
css/area_togglelink.less
View file

@ -5,51 +5,69 @@
*/
#dokuwiki__content {
overflow: visible;
.togglelink {
&.page_main-content {
position: absolute;
top: -1px;
bottom: -1px;
left: -2rem;
z-index: 1;
.togglelink {
&.page_main-content {
position: absolute;
top: -1px;
left: -2rem;
z-index: 1;
a {
.display-flex();
.flex-direction();
.justify-content();
width: 2rem;
height: 100%;
background-color: @button_background;
border: solid 1px @button_background;
border-radius: 2px 0 0 2px;
color: @button_color;
text-decoration: none;
text-align: center;
transition: @transition color, @transition background-color, @transition border-color;
&:hover,
&:focus,
&:active {
background-color: @button_color;
border-color: @button_background;
color: @button_background;
text-decoration: none;
* {
color: inherit;
text-decoration: none;
}
}
}
/* + + + toggle out + + + */
.wide-content & {
left: -1px;
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;
background-color: @button_background;
border-color: @button_background;
&:hover,
&:focus,
&:active {
background-color: @button_background;
border-color: @button_background;
color: @button_color;
text-decoration: none;
* {
color: inherit;
text-decoration: none;
}
background-color: @button_color;
}
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
#dokuwiki__content .togglelink {
.togglelink {
}
}
@ -59,7 +77,7 @@
/* max-width: 1199px */
@media @screen_max-xlg {
#dokuwiki__content .togglelink {
.togglelink {
}
}