OpenNeo/impress
OpenNeo/impress
1
0
Fork 1
Code Pull requests Activity
impress/app/assets/stylesheets/item_trades/index.sass

39 lines
588 B
Sass
Raw Normal View History

Extract all the item pages' stylesheets into their own CSS files No more of this loading everything into `application.css`! I'm arbitrarily starting here because that's where I've been playing lately, but this is part of a larger effort to move toward a more straightforward CSS architecture (and away from Sass even?)
2024-09-09 18:48:08 -07:00
@import "../partials/item_header"
.item-header
+item-header
.item-subpage-title
text-align: left
margin-bottom: .5em
.trades-table
text-align: left
width: 100%
table-layout: fixed
th, td
&:nth-child(1), &:nth-child(2)
width: 15ch
overflow: hidden
text-overflow: ellipsis
Hide duplicate timestamps on item trades page Just a small visual cleanup because I happened to click on item trades today! We don't need to repeat "This Week" a million times. Just output it for the first row, then hide it for the following. (We still include it in screen reader output for semantic clarity; this is just a visual cleanup.)
2025-06-22 10:40:27 -07:00
td[data-is-same-as-prev]
// Visually hidden
clip: rect(0 0 0 0)
clip-path: inset(50%)
height: 1px
overflow: hidden
position: absolute
white-space: nowrap
width: 1px
Extract all the item pages' stylesheets into their own CSS files No more of this loading everything into `application.css`! I'm arbitrarily starting here because that's where I've been playing lately, but this is part of a larger effort to move toward a more straightforward CSS architecture (and away from Sass even?)
2024-09-09 18:48:08 -07:00
.trade-list-names
list-style: none
li
display: inline
&:not(:last-child)::after
content: ", "
Copy permalink