UX: Post event tweaks (#660)

This commit is contained in:
Jordan Vidrine 2024-12-03 17:27:06 -06:00 committed by GitHub
parent 5cd3452c3b
commit 5f6942c1f3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 29 deletions

View File

@ -70,8 +70,7 @@ $show-interested: inherit;
column-gap: 1em; column-gap: 1em;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
padding: 0.5em 1em; padding: 0.75em;
margin-top: 0.5em;
.more-dropdown { .more-dropdown {
margin-left: auto; margin-left: auto;
@ -140,8 +139,6 @@ $show-interested: inherit;
max-width: 45vw; max-width: 45vw;
font-size: var(--font-up-2); font-size: var(--font-up-2);
font-weight: 400; font-weight: 400;
white-space: initial;
margin-bottom: 0.25rem;
} }
.status-and-creators { .status-and-creators {
display: flex; display: flex;
@ -157,6 +154,9 @@ $show-interested: inherit;
.created-by { .created-by {
margin-right: 0.25em; margin-right: 0.25em;
@media screen and (max-width: 450px) {
display: none;
}
} }
.username { .username {
@ -195,13 +195,13 @@ $show-interested: inherit;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0.5em 1em; padding: 0.75em;
flex-wrap: wrap; flex-wrap: wrap;
border-top: 1px solid var(--primary-low); border-top: 1px solid var(--primary-low);
&.event-status { &.event-status {
margin: 0; margin: 0;
gap: 0.5em; gap: 0.75em;
.btn { .btn {
flex: 1; flex: 1;
} }
@ -231,7 +231,7 @@ $show-interested: inherit;
} }
.event-invitees { .event-invitees {
height: 1.5em; min-height: 1.75em;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;

View File

@ -3,12 +3,6 @@
border-width: 1px; border-width: 1px;
} }
.event-header,
.event-actions,
.event-dates {
padding: 0 0.3em;
}
.event-dates { .event-dates {
.date { .date {
max-width: 75vw; max-width: 75vw;
@ -32,22 +26,6 @@
font-size: var(--font-down-1); font-size: var(--font-down-1);
} }
.event-invitees {
.show-all span {
width: max-content;
}
.event-invitees-avatars .topic-invitee-avatar .avatar-flair {
background: none;
border-radius: 50%;
height: 12px;
width: 12px;
border: none;
right: -2px;
bottom: -2px;
}
}
.creators { .creators {
.created-by { .created-by {
display: none; display: none;