leafface

Distinguishing original posts and boosts with a colored left border

May 23rd, 2023 (edited)
2,086
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.47 KB | None | 0 0
  1. :root {
  2.     --border: 3px;
  3.     --width: 600px; /* original width is 600px */
  4. }
  5.  
  6. /* original post */
  7. .scrollable:first-child .item-list .status__wrapper {
  8.     border-left: solid var(--border) #a8384a;
  9. }
  10. /* boost */
  11. .scrollable:first-child .item-list .status__wrapper[aria-label$="boosted"] {
  12.     border-left-color: #426f96;
  13. }
  14. /* increase whole column width by left border width */
  15. .columns-area__panels__main {
  16.     max-width: calc( var(--width) + var(--border) );
  17. }
  18.  
Advertisement
Add Comment
Please, Sign In to add comment