Skip to content

Commit f97735f

Browse files
committed
fix: images hidden if not loaded, but preserve spacing
1 parent e251ac4 commit f97735f

File tree

2 files changed

+20
-4
lines changed

2 files changed

+20
-4
lines changed

static/style/inverted-style.css

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252
display: none;
5353
}
5454
#issues-container .issue-element-inner {
55-
transition: 125ms opacity ease-out 62.5ms ;
55+
transition: 125ms opacity ease-out 62.5ms;
5656
}
5757
#issues-container:hover .issue-element-inner {
5858
opacity: 0.5;
@@ -272,6 +272,7 @@
272272
justify-content: center;
273273
-webkit-backdrop-filter: blur(8px);
274274
justify-content: space-between;
275+
justify-content: space-evenly;
275276
}
276277
#toolbar > * {
277278
align-items: center;
@@ -292,6 +293,7 @@
292293
height: 40px;
293294
padding: 4px 0;
294295
}
296+
295297
#toolbar[data-authenticated="true"] > #github-login-button {
296298
display: none;
297299
}
@@ -361,11 +363,17 @@
361363
margin-right: 8px;
362364
}
363365
#issues-container img {
364-
max-height: 24px;
366+
height: 24px;
365367
border-radius: 24px;
366368
display: flex;
367369
align-items: center;
368370
justify-content: center;
371+
width: 24px;
372+
opacity: 0;
373+
}
374+
375+
#issues-container img[src] {
376+
opacity: 1;
369377
}
370378

371379
background,

static/style/style.css

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252
display: none;
5353
}
5454
#issues-container .issue-element-inner {
55-
transition: 125ms opacity ease-out 62.5ms ;
55+
transition: 125ms opacity ease-out 62.5ms;
5656
}
5757
#issues-container:hover .issue-element-inner {
5858
opacity: 0.5;
@@ -272,6 +272,7 @@
272272
justify-content: center;
273273
-webkit-backdrop-filter: blur(8px);
274274
justify-content: space-between;
275+
justify-content: space-evenly;
275276
}
276277
#toolbar > * {
277278
align-items: center;
@@ -292,6 +293,7 @@
292293
height: 40px;
293294
padding: 4px 0;
294295
}
296+
295297
#toolbar[data-authenticated="true"] > #github-login-button {
296298
display: none;
297299
}
@@ -361,11 +363,17 @@
361363
margin-right: 8px;
362364
}
363365
#issues-container img {
364-
max-height: 24px;
366+
height: 24px;
365367
border-radius: 24px;
366368
display: flex;
367369
align-items: center;
368370
justify-content: center;
371+
width: 24px;
372+
opacity: 0;
373+
}
374+
375+
#issues-container img[src] {
376+
opacity: 1;
369377
}
370378

371379
background,

0 commit comments

Comments
 (0)