floscr/clj-ui-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add focus-visible rings and refactor accordion chevron

Browse Source 
Add global :focus-visible outline style and migrate form components
from :focus box-shadow to :focus-visible outline. Refactor accordion
chevron from CSS ::after pseudo-element to explicit span element.
This commit is contained in:
Florian Schroedl
2026-03-05 11:34:07 +01:00
parent aa3370565f
commit e3787363d2
4 changed files with 50 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/ui/accordion.cljc
View File

@@ -26,7 +26,9 @@
base-attrs (cond-> (merge {:class classes} attrs)
open (assoc :open true))]
[:details base-attrs
[:summary {:class "accordion-trigger"} title]
[:summary {:class "accordion-trigger"}
[:span {:class "accordion-trigger-text"} title]
[:span {:class "accordion-chevron" :aria-hidden "true"}]]
(into [:div {:class "accordion-content"}] children)])
:cljs
@@ -35,7 +37,9 @@
base-attrs (cond-> (merge {:class classes} attrs)
open (assoc :open true))]
[:details base-attrs
[:summary {:class ["accordion-trigger"]} title]
[:summary {:class ["accordion-trigger"]}
[:span {:class ["accordion-trigger-text"]} title]
[:span {:class ["accordion-chevron"] :aria-hidden "true"}]]
(into [:div {:class ["accordion-content"]}] children)])
:clj
@@ -44,5 +48,7 @@
base-attrs (cond-> (merge {:class classes} attrs)
open (assoc :open true))]
[:details base-attrs
[:summary {:class "accordion-trigger"} title]
[:summary {:class "accordion-trigger"}
[:span {:class "accordion-trigger-text"} title]
[:span {:class "accordion-chevron" :aria-hidden "true"}]]
(into [:div {:class "accordion-content"}] children)])))