Skip to content

Commit 56d525f

Browse files
RayBBcdrini
andauthored
shrink list loading indicator to avoid page repaints (#10778)
Co-authored-by: Drini Cami <cdrini@gmail.com>
1 parent 151f963 commit 56d525f

File tree

1 file changed

+14
-2
lines changed

1 file changed

+14
-2
lines changed

static/css/components/listLists.less

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,15 @@
33
* https://github.com/internetarchive/openlibrary/wiki/Design-Pattern-Library#listslists
44
*/
55
ul.listLists {
6+
position: relative;
67
margin: 0;
78
padding: 0;
9+
810
span {
911
display: block;
1012
color: @grey;
1113
}
14+
1215
li {
1316
// See #1388
1417
// This needs to be !important for pages that are not v2
@@ -47,8 +50,17 @@ ul.listLists {
4750
margin: 5px 0;
4851
}
4952
}
53+
5054
.list-overview-loading-indicator {
51-
display: flex;
52-
justify-content: center;
55+
font-size: 8px;
56+
text-transform: uppercase;
57+
text-align: center;
58+
line-height: 0;
59+
height: 8px;
60+
width: calc(100% - 8px);
61+
position: absolute;
62+
top: -8px;
63+
left: 0;
64+
opacity: .75;
5365
}
5466
}

0 commit comments

Comments
 (0)