205hlab-mirrors/authentik
2
0
Fork 0
mirror of https://github.com/goauthentik/authentik.git synced 2026-06-17 19:09:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

web/elements/ak-dual-select: fix inverted pagination arrow colors in dark theme (#22608)

Browse Source 
The dark theme overrides in ak-pagination assigned the disabled color
variable to the active button and the active color variable to the
overridden disabled-color custom property. As a result, the active arrow
appeared muted and the disabled arrow appeared highlighted on the first
and last pages of paginated lists.

Swap the two values so the active arrow uses the m-plain color and the
disabled custom property keeps the m-plain disabled color.

Closes #22607

Co-authored-by: nicedevil007 <nicedevil007@users.noreply.github.com>
This commit is contained in:
NiceDevil
2026-06-08 17:41:28 +02:00
committed by GitHub
parent 7fc325fbf5
commit 3e0d1ddb10
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/elements/ak-dual-select/components/ak-pagination.ts
+2 -2
View File
@@ -18,8 +18,8 @@ export class AkPagination extends CustomEmitterElement<DualSelectEventType>(AKEl
css`
:host([theme="dark"]) {
.pf-c-pagination__nav-control .pf-c-button {
color: var(--pf-c-button--m-plain--disabled--Color);
--pf-c-button--disabled--Color: var(--pf-c-button--m-plain--Color);
color: var(--pf-c-button--m-plain--Color);
--pf-c-button--disabled--Color: var(--pf-c-button--m-plain--disabled--Color);
}
.pf-c-pagination__nav-control .pf-c-button:disabled {