Adjust presence styling to match recent core changes

This commit is contained in:
Penar Musaraj 2024-12-18 13:19:45 -05:00
parent 797bf3c471
commit 1db3354722
4 changed files with 9 additions and 8 deletions

View File

@ -53,7 +53,6 @@
}
}
right: 10px;
display: flex;
justify-content: flex-end;

View File

@ -87,6 +87,9 @@
grid-template-areas: "posts";
grid-template-columns: auto;
.topic-navigation {
display: flex;
justify-content: flex-end;
align-items: center;
grid-area: posts;
grid-row: 3;
width: auto;

View File

@ -1,8 +1,3 @@
.container.posts .topic-navigation {
display: flex;
justify-content: flex-end;
align-items: center;
}
html:not(.anon) #topic-footer-buttons {
.topic-footer-main-buttons {
width: 100%;

View File

@ -1,5 +1,5 @@
.topic-above-footer-buttons-outlet.presence {
min-height: 1.8em; // height of the avatars, prevents layout shift
min-height: 2.5em; // height of the avatars, prevents layout shift
margin: var(--below-topic-margin) 0;
}
@ -7,6 +7,9 @@
background-color: var(--secondary);
color: var(--primary-medium);
display: flex;
padding: 0.5em;
padding-left: 0;
border-radius: var(--d-border-radius);
span.presence-text {
align-items: center;
@ -97,7 +100,8 @@ body:has(.topic-navigation.with-topic-progress)
}
.topic-navigation-bottom-outlet.presence {
margin: var(--below-topic-margin) auto 0 0;
margin-right: auto;
margin-top: 0.2em;
min-height: 1.8em; // height of the avatars, prevents layout shift
order: -1;
}