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
parent 9402a254c6
commit a4e83ec21a
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
5 changed files with 86 additions and 69 deletions

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 {

4
js/anchor.js
View file

@ -2,8 +2,8 @@ jQuery(function () {
jQuery('#dokuwiki__content.main-content').find('h1,h2,h3,h4,h5').append(function () {
if (this.id) {
return '<a href="#' + this.id + '" class="anchor">' +
'<svg viewBox="2 2 22 22">' +
'<path d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" />' +
'<svg viewBox="0 0 20 20">' +
'<path d="m 15.416601,0 c -1.58446,-4.6014118e-8 -2.991809,0.81019022 -3.813281,2.0403646 l -1.89e-4,2.645e-4 -1.6649087,2.4970052 a 0.83333545,0.83333545 0 0 0 0.2313147,1.1557943 0.83333545,0.83333545 0 0 0 1.155534,-0.2310548 l 1.664323,-2.4965493 2.52e-4,-5.166e-4 c 0.523149,-0.7831205 1.408706,-1.298698 2.426953,-1.2986979 1.6207,0 2.916798,1.2960971 2.916798,2.9167968 0,0.6021756 -0.179631,1.154007 -0.489128,1.6171224 l -2.52e-4,2.645e-4 -3.333658,5.0005203 c -0.523149,0.783122 -1.408706,1.298698 -2.426953,1.298698 -1.6207,0 -2.916797,-1.295901 -2.916797,-2.9166011 0,-0.11021 0.0062,-0.2187797 0.017969,-0.3252604 A 0.83333545,0.83333545 0 0 0 8.447859,8.3383588 0.83333545,0.83333545 0 0 0 7.5280673,9.0750775 c -0.018477,0.1671322 -0.02806,0.3368675 -0.02806,0.5083334 0,2.5214361 2.0619628,4.5832031 4.5833987,4.5832031 1.584459,0 2.991809,-0.809929 3.813282,-2.040104 l 2.52e-4,-5.17e-4 3.333203,-4.9994788 C 19.716167,6.3991244 20,5.5202455 20,4.5833984 20,2.0619631 17.938037,9.202824e-8 15.416601,0 Z M 7.9166015,5.8333983 C 6.3321419,5.8333982 4.9247921,6.643328 4.1033203,7.8735025 l -1.89e-4,5.165e-4 -3.33366517,5.000265 C 0.28367569,13.601502 0,14.480069 0,15.416601 0,17.938037 2.0619629,20 4.5833984,20 c 1.58446,0 2.9918085,-0.810191 3.8132812,-2.040364 l 1.889e-4,-2.52e-4 1.6649085,-2.497006 A 0.83333545,0.83333545 0 0 0 9.8304623,14.306584 0.83333545,0.83333545 0 0 0 8.6749285,14.537639 L 7.0103452,17.03471 c -0.5231502,0.783122 -1.4087056,1.298697 -2.4269531,1.298697 -1.6206999,0 -2.9167969,-1.296097 -2.9167969,-2.916797 0,-0.602177 0.1796968,-1.154007 0.4891927,-1.617122 l 2.016e-4,-2.52e-4 3.3334635,-4.9999997 2.646e-4,-5.166e-4 c 0.5231491,-0.7831206 1.4086408,-1.298698 2.426888,-1.2986979 1.6206997,0 2.9168624,1.2959017 2.9168624,2.9166012 0,0.110213 -0.0062,0.21879 -0.01797,0.325261 a 0.83333545,0.83333545 0 0 0 0.736719,0.919791 0.83333545,0.83333545 0 0 0 0.919726,-0.736718 C 12.490419,10.757796 12.5,10.588061 12.5,10.416601 12.5,7.895166 10.438037,5.8333983 7.9166015,5.8333983 Z" />' +
'</svg>' +
'</a>';
} else {