UX: Post event tweaks (#660)
This commit is contained in:
parent
5cd3452c3b
commit
5f6942c1f3
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue