Skip to content

Commit 1d35827

Browse files
committed
style: fix masonry widget widths in static export
1 parent df84899 commit 1d35827

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

assets/user.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,17 @@ a:hover {
8787
width: 100%;
8888
}
8989

90+
/* Static-export support
91+
*
92+
* In live Glance, JS wraps masonry children into `.masonry-column` elements.
93+
* In the static snapshot, widgets can be direct children of `.masonry`, which
94+
* makes them shrink-to-content in flex layout (e.g. squished "Notes" cards).
95+
*/
96+
.masonry > .widget {
97+
flex: 1 1 0;
98+
min-width: 0;
99+
}
100+
90101
/* Equal-width desktop tabs (avoid impacting the mobile nav list). */
91102
.header .nav .nav-item {
92103
flex: 1 1 0;

0 commit comments

Comments
 (0)