Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

CSS: Fix chat title width and elipsis color

Browse Source 
in overlayed view mode.
This commit is contained in:
JC Brand 2022-03-09 22:34:16 +01:00
parent 47b016599e
commit 2133241998
3 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/chatview/styles/chat-head.scss
View File

@ -49,9 +49,11 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
overflow: hidden; overflow: hidden;
width: 100%;
} }
.chatbox-title__text { .chatbox-title__text {
color: var(--chat-head-text-color);;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }

4
src/plugins/muc-views/styles/index.scss
View File

@ -43,10 +43,10 @@ converse-muc-destroyed {
width: var(--chatroom-width); width: var(--chatroom-width);
} }
.chatbox-title__text { .chatbox-title__text {
@include make-col(7); @include make-col(10);
} }
.chatbox-title__buttons { .chatbox-title__buttons {
@include make-col(5); @include make-col(2);
} }
.chat-head__desc { .chat-head__desc {

1
src/plugins/muc-views/styles/muc-head.scss
View File

@ -60,6 +60,7 @@
} }
} }
.chatbox-title__text { .chatbox-title__text {
color: var(--chatroom-head-color);
display: var(--heading-display); display: var(--heading-display);
font-weight: var(--chatroom-head-title-font-weight); font-weight: var(--chatroom-head-title-font-weight);
margin: auto 0; margin: auto 0;