this repo has no description
Slight style realignment to post carousels
+30
-3
+11
-3
src/app.css
+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
+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;