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

Fix EditTable styling

Browse source
This commit is contained in:
traumweh 2025-04-09 12:22:13 +02:00
commit 991ad70636
Signed by: lilith
SSH key fingerprint: SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo
2 changed files with 45 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

16
css/area_forms.less
View file

@ -157,19 +157,21 @@ button[type=submit],
cursor: pointer;
box-shadow: none;
background-image: none;
background-color: @ini_button_background;
border: 1px solid @ini_button_background;
border-radius: @fix_border-radius;
color: @ini_button_color;
background-color: var(--color-shade-1);
border: solid 0.1rem var(--color-shade-2);
border-radius: 0.5rem;
color: var(--color-foreground);
vertical-align: top;
padding: .3em @grid;
transition: @transition background-color, @transition color;
&:hover,
&:active,
&:focus {
background-color: @ini_button_color;
color: @ini_button_background;
background-color: transparent;
color: var(--color-glow-primary);
border-color: var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
}
}

47
css/plugins/edittable.less
View file

@ -4,6 +4,29 @@
/* + + + + + global + + + + + */
#dokuwiki__content.main-content {
#edittable__editor {
th,
.handsontable th {
border-color: var(--color-shade-4);
background-color: var(--color-shade-1);
color: var(--color-foreground);
&.ht__highlight {
background-color: var(--color-shade-2);
}
}
td {
border-color: var(--color-shade-4);
background-color: var(--color-background);
color: var(--color-foreground);
&.current {
background-color: var(--color-shade-1);
}
}
}
div.editbutton_table {
position: relative; // for IE
float: left;
@ -13,22 +36,24 @@
button,
input.button {
min-height: 1rem;
background-color: var(--color-background);
border-top: solid 1px @ini_button_background;
border-color: @ini_border;
border-radius: 0 0 @fix_border-radius @fix_border-radius;
color: @ini_existing;
background-color: var(--color-shade-1);
border: solid 0.1em var(--color-shade-2);
border-radius: 0.5rem;
color: var(--color-foreground);
font-size: @font-size-small;
margin-top: -1px; // for best position of edit-tab beneath table
padding-right: .3em;
transition: @transition background-color, @transition border-color, @transition color;
margin: 0;
margin-top: 0.5rem;
padding: 0.2rem 0.4rem;
height: auto;
&:hover,
&:focus,
&:active {
background-color: @ini_existing;
border-color: @ini_existing;
color: var(--color-background);
background-color: transparent;
color: var(--color-glow-primary);
border-color: var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
}
}
}