MetatroncubeSoftwareSolutions/datewise
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(widget): selected day/slot text stays visible under theme button styles

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
metatroncubeswdev 2026-10-15 13:20:06 -04:00
parent c102594ca5
commit 3798d2365f
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
extensions/datewise-widget/assets/datewise.css
View File

@ -53,7 +53,7 @@
} }
.dw-method b { font-weight: 600; font-size: 0.95em; } .dw-method b { font-weight: 600; font-size: 0.95em; }
.dw-method small { font-size: 0.76em; opacity: 0.7; line-height: 1.25; } .dw-method small { font-size: 0.76em; opacity: 0.7; line-height: 1.25; }
.dw-method[aria-pressed="true"] { background: var(--dw-accent); color: var(--dw-on-accent); box-shadow: 0 1px 2px color-mix(in srgb, var(--dw-accent) 40%, transparent); } .datewise .dw-method[aria-pressed="true"] { background: var(--dw-accent); color: var(--dw-on-accent) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--dw-accent) 40%, transparent); }
.dw-method[aria-pressed="true"] small { opacity: 0.85; } .dw-method[aria-pressed="true"] small { opacity: 0.85; }
.dw-method:not([aria-pressed="true"]):not([aria-disabled="true"]):hover { background: var(--dw-tint); } .dw-method:not([aria-pressed="true"]):not([aria-disabled="true"]):hover { background: var(--dw-tint); }
.dw-ico { width: 22px; height: 22px; flex: none; } .dw-ico { width: 22px; height: 22px; flex: none; }
@ -106,7 +106,8 @@
.dw-full { color: var(--dw-warn); background: var(--dw-warn-tint); } .dw-full { color: var(--dw-warn); background: var(--dw-warn-tint); }
.dw-closed { opacity: 0.32; text-decoration: line-through; text-decoration-thickness: 1px; } .dw-closed { opacity: 0.32; text-decoration: line-through; text-decoration-thickness: 1px; }
.dw-out { opacity: 0.18; } .dw-out { opacity: 0.18; }
.dw-sel, .dw-sel:hover { background: var(--dw-accent); color: var(--dw-on-accent); border-color: var(--dw-accent); } /* !important: themes style button:focus/:active colours, which hid the selected day's number. */
.datewise .dw-sel, .datewise .dw-sel:hover, .datewise .dw-sel:focus { background: var(--dw-accent) !important; color: var(--dw-on-accent) !important; border-color: var(--dw-accent); }
.dw-sel::before { background: var(--dw-on-accent); } .dw-sel::before { background: var(--dw-on-accent); }
.dw-peakday::after { .dw-peakday::after {
content: ""; position: absolute; top: 8%; right: 8%; width: 7px; height: 7px; border-radius: 50%; content: ""; position: absolute; top: 8%; right: 8%; width: 7px; height: 7px; border-radius: 50%;
@ -132,7 +133,7 @@
.dw-slot small { font-size: 0.74em; opacity: 0.7; } .dw-slot small { font-size: 0.74em; opacity: 0.7; }
.dw-slot small:empty { display: none; } .dw-slot small:empty { display: none; }
.dw-slot:not([aria-disabled="true"]):hover { border-color: var(--dw-accent); } .dw-slot:not([aria-disabled="true"]):hover { border-color: var(--dw-accent); }
.dw-slot[aria-pressed="true"] { background: var(--dw-accent); border-color: var(--dw-accent); color: var(--dw-on-accent); } .datewise .dw-slot[aria-pressed="true"] { background: var(--dw-accent) !important; border-color: var(--dw-accent); color: var(--dw-on-accent) !important; }
/* booking stub: the confirmation ticket */ /* booking stub: the confirmation ticket */
.dw-stub { .dw-stub {