github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-04-19 10:19:05 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: flat design for thread list (#23821)

Browse Source 
* UX: thread list flat design

* UX: thread list mobile
This commit is contained in:
chapoi 2023-10-06 21:56:36 +02:00 committed by GitHub
parent 77e1d69b74
commit cac5592251
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
plugins/chat/assets/stylesheets/common/chat-thread-list-item.scss
View File

@ -1,24 +1,25 @@
@mixin thread-list-item {
display: flex;
flex-direction: row;
padding: 0.5rem;
padding: 1rem;
margin-inline: 0.5rem;
border-radius: var(--d-border-radius);
background-color: var(--primary-very-low);
border: 1px solid transparent;
border-bottom: 1px solid var(--primary-low);
cursor: pointer;
}
.chat-thread-list-item {
@include thread-list-item;
cursor: pointer;
margin: 0.75rem;
& + .chat-thread-list-item {
margin-top: 0;
margin-top: -1px;
}
.touch & {
&:active {
background-color: var(--d-hover);
padding-inline: 1.5rem;
margin-inline: 0;
}
}
@ -26,6 +27,8 @@
&:hover,
&:active {
background-color: var(--d-hover);
padding-inline: 1.5rem;
margin-inline: 0;
}
}

2
plugins/chat/assets/stylesheets/mobile/chat-threads-list.scss
View File

@ -1,7 +1,7 @@
.chat-thread-list {
&__items {
.chat-thread-list-item {
margin: 0.5rem;
padding: 0.5rem 0.25rem;
}
&__no-threads {