sgobotta / live_dj / 39f24dc245c0c49a1200cfb12f3ef8184d40df49
68%

DEFAULT BRANCH: dev
Ran
Jobs 1
Files 82
Run time 1min
Badge
Embed ▾
README BADGES
x

If you need to use a raster PNG badge, change the '.svg' to '.png' in the link

Markdown

Textile

RDoc

HTML

Rst
coverage: 67.663% (+0.02%) from 67.647%
39f24dc245c0c49a1200cfb12f3ef8184d40df49

push

github

web-flow 
Replace the bright violet focus ring with a bonded Ignition treatment (#140)

* Replace the bright violet focus ring with a bonded Ignition treatment

The brand color was the raw CSS named "violet", used as a floating ring
around every focusable element (ring-2 ring-brand ring-offset-2). Swap it
for a muted Berry Signal magenta, and replace the ring itself with
.focus-ignite / .focus-ignite-inset: on Tab, the element's own offset
shadow snaps in immediately, then a soft glow blooms in a beat later,
so keyboard focus reads as part of the control instead of a shape
drawn around it. Applied everywhere the old ring-brand/ring-violet-400
pattern was used.

* Tone down the Ignition glow

The underglow bloom was reading a bit heavy at full opacity. Tighten
its spread, lower the color-mix strength, and drop peak opacity so the
offset shadow stays the primary focus signal and the glow is a subtler
accent behind it.

* Fix volume/seek slider broken by the Ignition focus treatment

.focus-ignite unconditionally sets position: relative, and — because
focus.css is unlayered while slider.css lives in @layer components —
it won that position property over .custom-slider-input's
position: absolute regardless of specificity or source order. That
absolute positioning is what makes the invisible range input overlay
and drive the visible custom track, so the slider lost its hit area
and visual alignment. Range inputs already have their own focus
treatment (the green track highlight in slider.css), so just skip
attaching focus-ignite to type="range".

* Move text-input depth from always-on to focus-only

Every text input carried the same heavy inset shadow at all times, so
a form full of them looked uniformly "deep" regardless of where focus
actually was. Add .focus-depth: fields are flat (background + border
only) at rest, and only the focused one gains the inset shadow, no
accent color — shape alone signals focus, letting Tab-scanning a form
read as one field growing de... (continued)

1381 of 2041 relevant lines covered (67.66%)

29.72 hits per line

Coverage Regressions

Lines Coverage ∆ File
23
54.72
 0.0% //lib/livedj_web/components/session_modals.ex
19
83.59
 0.08% //lib/livedj_web/components/core_components.ex
1
86.67
 0.0% //lib/livedj_web/components/custom_components.ex
Jobs
ID Job ID Ran Files Coverage
1 39f24dc245c0c49a1200cfb12f3ef8184d40df49.1 82
67.66
 GitHub Action Run
Source Files on build 39f24dc245c0c49a1200cfb12f3ef8184d40df49