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

WIP 02: style adjustments to match eh22 styleguide

Browse source
This commit is contained in:
kritzl 2025-02-15 13:00:05 +01:00
commit a4e83ec21a
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
5 changed files with 86 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

84
css/area_togglelink.less
View file

@ -8,52 +8,44 @@
top: 0;
bottom: -1px;
width: 2rem;
left: -(@margin-default);
left: -(@margin-default + 0.25rem);
@media @screen_max-md {
display: none;
}
a {
.fontello-double();
.icon-right-bold();
.icon-left-bold();
.display-flex();
.flex-direction();
.justify-content();
position: absolute;
inset: 0;
width: @margin-default;
height: 100%;
background-color: @ini_button_background;
border: solid 1px @ini_button_background;
border-radius: @ini_default_border_radius 0 0 @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_button_color;
background-color: transparent;
border: solid 1px var(--color-shade-4);
border-right-style: none;
border-radius: 0.5rem 0 0 0.5rem;
color: var(--color-shade-4);
text-decoration: none;
transition: @transition color, @transition background-color, @transition border-color;
&::before,
&::after {
width: 100%;
opacity: .6;
font-size: 1rem;
line-height: 1;
text-align: center;
margin: 0;
transition: @transition opacity;
}
&::before {
opacity: 1;
font-size: 1.25rem;
content: '';
display: block;
position: absolute;
inset: 0.3rem;
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: currentColor;
mask-image: url('img/arrow_left.svg');
}
&:hover,
&:focus,
&:active {
background-color: @ini_button_color;
border-color: @ini_button_background;
color: @ini_button_background;
border-color: var(--color-white);
color: var(--color-white);
text-decoration: none;
* {
@ -61,43 +53,25 @@
text-decoration: none;
}
&::after {
opacity: 0;
}
--local-primary: var(--color-primary);
filter: @dropshadow;
transition: @neonflicker;
}
}
/* + + + toggle out + + + */
.wide-content & {
left: 0;
a {
background-color: @ini_button_background;
border-color: @ini_button_background;
border-radius: 0 @ini_default_border_radius @ini_default_border_radius 0; // @ini_default_border_radius vs. @fix_border-radius
border-radius: 0 0.5rem 0.5rem 0;
border-style: solid;
border-left-style: none;
&::before {
opacity: .6;
font-size: 1rem;
}
&::after {
opacity: 1;
font-size: 1.25rem;
}
&:hover,
&:focus,
&:active {
background-color: @ini_button_color;
&::before {
opacity: 0;
}
&::after {
opacity: 1;
}
mask-image: url('img/arrow_right.svg');
}
}
}

10
css/base_design.less
View file

@ -23,6 +23,15 @@ html, body {
}
.dokuwiki {
.tabs > ul li a,
ul.tabs li strong,
ul.tabs li a {
border-color: var(--color-shade-4);
}
ul.tabs::after {
border-color: var(--color-shade-4);
}
.page ol li,
.page ul li,
.aside ul li {
@ -88,6 +97,7 @@ html, body {
}
/* license note under edit window */
div.license {
font-size: @font-size-small;
line-height: @line-height-default;

41
css/plugins/extension__manager.less
View file

@ -3,15 +3,40 @@
*/
/* + + + + + global + + + + + */
.dokuwiki #extension__manager {
.actions {
font-size: 0;
.dokuwiki {
#extension__manager {
.actions {
font-size: 0;
> button {
font-size: .92rem;
margin-left: .3rem;
padding-left: .3rem;
padding-right: .3rem;
> button {
font-size: .92rem;
margin-left: .3rem;
padding-left: .3rem;
padding-right: .3rem;
}
}
ul.tabs {
li.active {
a {
background-color: var(--color-shade-3);
color: var(--color-foreground);
border-color: var(--color-shade-4);
}
}
}
.panelHeader {
background-color: var(--color-shade-2);
}
}
#extension__list {
.extensionList {
li {
color: var(--color-foreground);
}
}
}
}

16
css/plugins/mediamanager.less
View file

@ -4,10 +4,18 @@
/* + + + + + global + + + + + */
#mediamanager__page {
.namespaces h2 {
bottom: 0;
line-height: 100%;
margin-bottom: -1px;
.namespaces{
h2 {
bottom: 0;
line-height: 100%;
margin-bottom: -1px;
background-color: var(--color-shade-3);
color: var(--color-foreground);
border-color: var(--color-shade-4);
}
.panelHeader {
border-color: var(--color-shade-4);
}
}
#media__tree ul li img {