Improve load gap look
This commit is contained in:
parent
14d63ef3e5
commit
77063cd726
4 changed files with 16 additions and 0 deletions
|
|
@ -3522,6 +3522,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
background-color: var(--color-content-secondary-bg);
|
background-color: var(--color-content-secondary-bg);
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
transition: background .3s;
|
||||||
|
padding: 8px;
|
||||||
}
|
}
|
||||||
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
|
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
|
||||||
background-color: var(--color-accent-lines);
|
background-color: var(--color-accent-lines);
|
||||||
|
|
|
||||||
|
|
@ -3522,6 +3522,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
background-color: var(--color-content-secondary-bg);
|
background-color: var(--color-content-secondary-bg);
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
transition: background .3s;
|
||||||
|
padding: 8px;
|
||||||
}
|
}
|
||||||
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
|
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
|
||||||
background-color: var(--color-accent-lines);
|
background-color: var(--color-accent-lines);
|
||||||
|
|
|
||||||
|
|
@ -3522,6 +3522,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
background-color: var(--color-content-secondary-bg);
|
background-color: var(--color-content-secondary-bg);
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
transition: background .3s;
|
||||||
|
padding: 8px;
|
||||||
}
|
}
|
||||||
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
|
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
|
||||||
background-color: var(--color-accent-lines);
|
background-color: var(--color-accent-lines);
|
||||||
|
|
|
||||||
|
|
@ -3522,6 +3522,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
background-color: var(--color-content-secondary-bg);
|
background-color: var(--color-content-secondary-bg);
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
transition: background .3s;
|
||||||
|
padding: 8px;
|
||||||
}
|
}
|
||||||
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
|
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
|
||||||
background-color: var(--color-accent-lines);
|
background-color: var(--color-accent-lines);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue