improve loading of channels

This commit is contained in:
MathMan05 2024-08-17 20:57:08 -05:00
parent 9e9ebb506b
commit 032e1b5be6
12 changed files with 276 additions and 100 deletions

View file

@ -557,6 +557,7 @@ hr {
min-height: 0;
height: 100%;
/* width: 100%; */
position: relative;
}
.timestamp {
@ -1891,4 +1892,41 @@ form div{
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
}
#loadingdiv{
position:absolute;
top:0;
left:0;
width:100%;
height:0px;
background: var(--primary-bg);
opacity:0;
&.loading{
opacity:1;
height:100%;
}
;
/* overflow: hidden; */
display: flex;
flex-direction: column-reverse;
overflow-y: scroll;
}
.loadingmessage{
position:relative;
}
.loadingpfp{
position:absolute;
width:.4in;
height:.4in;
background:var(--channel-hover);
margin-left:.05in;
border-radius:1in;
}
.loadingcontent{
margin-left:.5in;
background:var(--channel-hover);
margin-bottom:.1in;
border-radius:.1in;
height:17px;
}