style: Update recently played track styling
- Change track link colors: cyan default, green hover, blue visited - Add equal left/right padding (12px) to track-list for centered separators - Increase track-item top/bottom padding from 6px to 10px for better spacing - Move track-list and track-item inside recently-played-list block for proper CSS nesting - Addresses feedback from easilok on symmetry and breathing room
This commit is contained in:
parent
2fae9f80f4
commit
9a7b5eb50f
|
|
@ -151,7 +151,7 @@
|
||||||
:display inline-flex
|
:display inline-flex
|
||||||
:align-items center
|
:align-items center
|
||||||
:gap "4px"
|
:gap "4px"
|
||||||
:color "#4488ff"
|
:color "#00ffff"
|
||||||
:text-decoration none
|
:text-decoration none
|
||||||
:font-weight 500
|
:font-weight 500
|
||||||
:font-size "1em"
|
:font-size "1em"
|
||||||
|
|
@ -166,23 +166,26 @@
|
||||||
((:and .track-link :hover)
|
((:and .track-link :hover)
|
||||||
:color "#00ff00"
|
:color "#00ff00"
|
||||||
:text-decoration underline
|
:text-decoration underline
|
||||||
:text-underline-offset "3px"))
|
:text-underline-offset "3px")
|
||||||
|
|
||||||
((:and .recently-played-list .track-list)
|
|
||||||
:list-style none
|
|
||||||
:padding 0
|
|
||||||
:margin 0
|
|
||||||
:border none
|
|
||||||
:max-height none
|
|
||||||
:overflow-y visible)
|
|
||||||
|
|
||||||
((:and .recently-played-list .track-item)
|
|
||||||
:padding "6px 12px"
|
|
||||||
:border-bottom "1px solid #2a3441"
|
|
||||||
:transition "background-color 0.2s"
|
|
||||||
|
|
||||||
((:and :last-child) :border-bottom none)
|
((:and .track-link :visited)
|
||||||
((:and :hover) :background-color "#2a3441"))
|
:color "#4488ff")
|
||||||
|
|
||||||
|
(.track-list
|
||||||
|
:list-style none
|
||||||
|
:padding "0 12px"
|
||||||
|
:margin 0
|
||||||
|
:border none
|
||||||
|
:max-height none
|
||||||
|
:overflow-y visible)
|
||||||
|
|
||||||
|
(.track-item
|
||||||
|
:padding "10px 0"
|
||||||
|
:border-bottom "1px solid #2a3441"
|
||||||
|
:transition "background-color 0.2s"
|
||||||
|
|
||||||
|
((:and :last-child) :border-bottom none)
|
||||||
|
((:and :hover) :background-color "#2a3441")))
|
||||||
|
|
||||||
((:and .recently-played-list .track-info)
|
((:and .recently-played-list .track-info)
|
||||||
:display grid
|
:display grid
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue