this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Slight style realignment to post carousels

+30 -3
+11 -3
src/app.css
··· 946 946 position: absolute; 947 947 left: 0; 948 948 font-size: 10px; 949 - color: var(--carousel-color); 950 - padding: 8px; 949 + color: var(--text-insignificant-color); 950 + padding: 6px; 951 951 } 952 952 953 953 .ui-state { ··· 966 966 animation: appear 0.2s ease-out; 967 967 border: 1px solid var(--outline-color); 968 968 background-color: var(--bg-blur-color); 969 - border-radius: 8px; 969 + border-radius: 16px; 970 970 overflow: hidden; 971 971 box-shadow: 0 1px var(--bg-color); 972 + 973 + &:has(.status-badge:not(:empty)) { 974 + border-top-right-radius: 8px; 975 + } 976 + 977 + .status-carousel.boosts-carousel & { 978 + border-top-left-radius: 8px; 979 + } 972 980 } 973 981 .status-carousel-link::focus { 974 982 background-color: var(--link-bg-hover-color);
+19
src/components/status.css
··· 684 684 /* min-height: 0 !important; */ 685 685 max-height: none !important; 686 686 } 687 + .status-carousel .status .media-container { 688 + margin-inline: -16px; 689 + max-width: calc(100% + 16px + 16px) !important; 690 + 691 + figure figcaption { 692 + padding-inline: 16px !important; 693 + } 694 + 695 + &:not(.media-figure-multiple .media-container) { 696 + margin-bottom: -16px; 697 + } 698 + 699 + .media { 700 + --media-radius: 0; 701 + --media-radius-inner: 0; 702 + box-sizing: border-box; 703 + } 704 + } 687 705 .status:not(.large):not(.status-carousel .status) 688 706 .media-container.media-eq1:has([data-orientation='portrait']) { 689 707 width: 85%; ··· 708 726 overflow: hidden; 709 727 min-height: 80px; 710 728 border: var(--media-border-width) solid var(--outline-color); 729 + vertical-align: top; 711 730 } 712 731 .status .media-container:not(.media-eq1) .media { 713 732 aspect-ratio: auto !important;