Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/common/base/topic-footer.scss
View File

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

3
app/assets/stylesheets/common/base/topic.scss
View File

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

5
app/assets/stylesheets/mobile/topic-footer.scss
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 { html:not(.anon) #topic-footer-buttons {
.topic-footer-main-buttons { .topic-footer-main-buttons {
width: 100%; width: 100%;

8
plugins/discourse-presence/assets/stylesheets/presence.scss
View File

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