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; cursor: pointer;
box-shadow: none; box-shadow: none;
background-image: none; background-image: none;
background-color: @ini_button_background; background-color: var(--color-shade-1);
border: 1px solid @ini_button_background; border: solid 0.1rem var(--color-shade-2);
border-radius: @fix_border-radius; border-radius: 0.5rem;
color: @ini_button_color; color: var(--color-foreground);
vertical-align: top; vertical-align: top;
padding: .3em @grid; padding: .3em @grid;
transition: @transition background-color, @transition color;
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
background-color: @ini_button_color; background-color: transparent;
color: @ini_button_background; 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 + + + + + */ /* + + + + + global + + + + + */
#dokuwiki__content.main-content { #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 { div.editbutton_table {
position: relative; // for IE position: relative; // for IE
float: left; float: left;
@ -13,22 +36,24 @@
button, button,
input.button { input.button {
min-height: 1rem; min-height: 1rem;
background-color: var(--color-background); background-color: var(--color-shade-1);
border-top: solid 1px @ini_button_background; border: solid 0.1em var(--color-shade-2);
border-color: @ini_border; border-radius: 0.5rem;
border-radius: 0 0 @fix_border-radius @fix_border-radius; color: var(--color-foreground);
color: @ini_existing;
font-size: @font-size-small; font-size: @font-size-small;
margin-top: -1px; // for best position of edit-tab beneath table margin: 0;
padding-right: .3em; margin-top: 0.5rem;
transition: @transition background-color, @transition border-color, @transition color; padding: 0.2rem 0.4rem;
height: auto;
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: @ini_existing; background-color: transparent;
border-color: @ini_existing; color: var(--color-glow-primary);
color: var(--color-background); border-color: var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
} }
} }
} }