this repo has no description
Fix .media class can clash with carousel's .media
+10
-7
+10
-7
src/components/status.css
+10
-7
src/components/status.css
···
848
848
object-fit: cover;
849
849
vertical-align: middle;
850
850
}
851
-
.media {
851
+
:is(.status, .media-post) .media {
852
852
cursor: pointer;
853
853
854
854
&[data-has-alt] {
···
887
887
position: relative;
888
888
background-clip: padding-box;
889
889
}
890
-
:is(.media-video, .media-audio) .media-play {
890
+
:is(.status, .media-post) :is(.media-video, .media-audio) .media-play {
891
891
pointer-events: none;
892
892
width: 44px;
893
893
height: 44px;
···
904
904
border-radius: 70px;
905
905
transition: transform 0.2s ease-in-out;
906
906
}
907
-
:is(.media-video, .media-audio):hover:not(:active) .media-play {
907
+
:is(.status, .media-post)
908
+
:is(.media-video, .media-audio):hover:not(:active)
909
+
.media-play {
908
910
transform: translate(-50%, -50%) scale(1.1);
909
911
}
910
-
:is(.media-video, .media-audio)[data-formatted-duration]:after {
912
+
:is(.status, .media-post)
913
+
:is(.media-video, .media-audio)[data-formatted-duration]:after {
911
914
font-size: 12px;
912
915
pointer-events: none;
913
916
content: attr(data-formatted-duration);
···
920
923
border-radius: 4px;
921
924
padding: 0 4px;
922
925
}
923
-
.media-audio[data-formatted-duration]:after {
926
+
:is(.status, .media-post) .media-audio[data-formatted-duration]:after {
924
927
content: '♬ ' attr(data-formatted-duration);
925
928
}
926
-
.media-gif[data-label]:not(:hover):after {
929
+
:is(.status, .media-post) .media-gif[data-label]:not(:hover):after {
927
930
font-size: 12px;
928
931
font-weight: bold;
929
932
pointer-events: none;
···
955
958
.status .media-audio audio {
956
959
width: 100%;
957
960
} */
958
-
.media-audio {
961
+
:is(.status, .media-post) .media-audio {
959
962
width: 100%;
960
963
height: 100%;
961
964
min-height: 88px;