this repo has no description
Experiment showing more text in cards
+29
-7
+29
-7
src/components/status.css
+29
-7
src/components/status.css
···
991
991
&:has(~ .quote-post-native) .quote-inline {
992
992
display: none;
993
993
}
994
+
995
+
/* Hide br(s) in .quote-inline */
996
+
.quote-inline br {
997
+
display: none;
998
+
}
994
999
}
995
1000
.status .content ul {
996
1001
list-style-type: disc;
···
1892
1897
align-items: stretch;
1893
1898
background-color: var(--bg-color);
1894
1899
max-width: 480px;
1900
+
min-height: 3lh;
1895
1901
/* max-height: 160px; */
1896
1902
}
1897
1903
.status.large .card.large,
···
1899
1905
border-radius: 16px;
1900
1906
flex-direction: column;
1901
1907
max-height: none;
1908
+
1909
+
.title {
1910
+
-webkit-line-clamp: 2;
1911
+
line-clamp: 2;
1912
+
}
1913
+
.meta {
1914
+
-webkit-line-clamp: 2;
1915
+
line-clamp: 2;
1916
+
}
1902
1917
}
1903
1918
.card .card-image {
1904
1919
flex-shrink: 0;
···
1969
1984
display: box;
1970
1985
-webkit-box-orient: vertical;
1971
1986
box-orient: vertical;
1972
-
-webkit-line-clamp: 2;
1973
-
line-clamp: 2;
1987
+
-webkit-line-clamp: 3;
1988
+
line-clamp: 3;
1974
1989
text-wrap: balance;
1975
1990
}
1976
1991
.card .meta {
···
1983
1998
display: box;
1984
1999
-webkit-box-orient: vertical;
1985
2000
box-orient: vertical;
1986
-
-webkit-line-clamp: 2;
1987
-
line-clamp: 2;
2001
+
-webkit-line-clamp: 5;
2002
+
line-clamp: 5;
1988
2003
}
1989
-
.card.no-image :is(.title, .meta) {
1990
-
-webkit-line-clamp: 3;
1991
-
line-clamp: 3;
2004
+
.content-container[data-content-text-weight='1'] .card,
2005
+
.card.no-image {
2006
+
.title {
2007
+
-webkit-line-clamp: 4;
2008
+
line-clamp: 4;
2009
+
}
2010
+
.meta {
2011
+
-webkit-line-clamp: 6;
2012
+
line-clamp: 6;
2013
+
}
1992
2014
}
1993
2015
.card .meta.domain {
1994
2016
opacity: 1;