0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-14 13:58:53 +08:00
discourse/plugins/discourse-calendar/assets/stylesheets/common/discourse-post-event-invitees.scss
Kris 3b390adceb
UX: various styling improvements for events plugin (#39351)
This is a general styling pass of various elements within the events
plugin.

* Adds missing `btn-default` classes where applicable 
* Updates styling of modal toggle to match other core elements 

   Before:
   
<img width="600" alt="image"
src="https://github.com/user-attachments/assets/33512a0b-2d6d-414e-9bda-422914978e08"
/>

   
   
   After:
   
     
<img width="600" alt="image"
src="https://github.com/user-attachments/assets/38f4e1ad-37c8-4c5a-bfa0-ce4e0050d5f5"
/>

   
* Improves button spacing 

    Before:
    
<img width="500" alt="image"
src="https://github.com/user-attachments/assets/5f51c936-d263-4888-b962-914abdd4ad89"
/>

    
    After: 
    
<img width="500" alt="image"
src="https://github.com/user-attachments/assets/902f1a12-cf75-44e0-af90-52a2107cfa37"
/>

* Minor alignment adjustments
2026-04-17 17:17:55 -04:00

69 lines
1.2 KiB
SCSS
Vendored

.post-event-invitees-modal {
.loading-container {
height: 40vh;
overflow-y: auto;
.no-users {
margin-top: var(--space-4);
text-align: center;
font-size: var(--font-up-1);
}
}
.invitees-type-filter {
margin: 0 0 -1px 0;
}
.filter {
width: calc(100% - 2em);
margin-bottom: 1em;
}
.invitees,
.possible-invitees {
display: flex;
margin: 0;
flex-direction: column;
.invitee {
list-style: none;
display: flex;
flex: 1;
padding: 0.5em;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--primary-low);
&:last-child {
border: none;
}
.user {
display: flex;
align-items: center;
white-space: nowrap;
.username {
margin-left: 0.5em;
text-overflow: ellipsis;
overflow: hidden;
color: var(--primary-high-or-secondary-low);
font-weight: bold;
}
}
.status {
margin-left: auto;
margin-right: 0.5em;
&.going {
color: var(--success);
}
&.not_going {
color: var(--danger);
}
}
}
}
}