github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-22 11:23:25 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: thread list fixes for alignment and more spacing on mobile (#23823)

Browse Source 
* UX: fix padding on active touch
* UX: thread list header bigger + alignment
* UX: thread list alignment desktop
* UX: visual corrections to alignment
* UX: mobile alignment and padding
This commit is contained in:
chapoi 2023-10-07 11:06:16 +02:00 committed by GitHub
parent cac5592251
commit 85c6914f80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/chat/assets/stylesheets/common/chat-thread-header.scss
View File

@ -6,7 +6,13 @@
box-sizing: border-box;
display: flex;
align-items: center;
padding-inline: 0.5rem;
padding-inline: 1rem 0.5rem;
.touch & {
&__label {
font-size: var(--font-up-1-rem);
}
}
.chat-thread__back-to-previous-route {
padding: 0.5rem 0;

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

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

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

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