github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-21 21:55:40 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: fix overflow channel row + mobile remove styling tweak (#23611)

Browse Source 
* UX: fix missing overflow ellipsis

* cleanup double declaration

* UX: add missing border-radius

*UX: delete icon animation tweak
This commit is contained in:
chapoi 2023-09-15 14:06:31 +02:00 committed by GitHub
parent 68c891609b
commit 8823b5e504
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
plugins/chat/assets/stylesheets/common/chat-channel-row.scss
View File

@ -9,6 +9,8 @@
&__content { &__content {
display: flex; display: flex;
justify-content: space-between;
max-width: 100%;
align-items: center; align-items: center;
flex-grow: 1; flex-grow: 1;
} }
@ -69,7 +71,6 @@
} }
.chat-channel-title { .chat-channel-title {
width: 100%;
overflow: hidden; overflow: hidden;
&__users-count { &__users-count {

10
plugins/chat/assets/stylesheets/mobile/chat-channel-row.scss
View File

@ -19,8 +19,6 @@
} }
&__content { &__content {
display: flex;
flex-grow: 1;
padding-inline: 1.5rem; padding-inline: 1.5rem;
z-index: 2; z-index: 2;
background: var(--primary-very-low); background: var(--primary-very-low);
@ -32,11 +30,16 @@
transition: margin-right 0.15s ease-out; transition: margin-right 0.15s ease-out;
margin-right: 0px !important; margin-right: 0px !important;
} }
&:not(.-animate-reset) {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
} }
&__action-btn { &__action-btn {
z-index: 1; z-index: 1;
display: flex; display: flex;
justify-content: flex-end;
align-items: center; align-items: center;
position: absolute; position: absolute;
top: 0px; top: 0px;
@ -50,8 +53,7 @@
transform-origin: 50% 50%; transform-origin: 50% 50%;
transform-box: fill-box; transform-box: fill-box;
transition: scale 0.2s ease-out; transition: scale 0.2s ease-out;
margin: 0 1rem 0 auto; margin-inline: 0 1.5rem;
padding-left: 1rem;
} }
&.-not-at-threshold { &.-not-at-threshold {