github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-20 15:29:29 +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 {
display: flex;
justify-content: space-between;
max-width: 100%;
align-items: center;
flex-grow: 1;
}
@ -69,7 +71,6 @@
}
.chat-channel-title {
width: 100%;
overflow: hidden;
&__users-count {

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

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