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

Explicitly set outline-color for chatbox and chatorom textarea

Browse Source
This commit is contained in:
JC Brand 2019-03-07 18:18:42 +01:00
parent 1bc834e808
commit be156dee1e
4 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/converse.css
View File

@ -9994,12 +9994,6 @@ body.converse-fullscreen {
#conversejs .btn-danger:hover {
background-color: var(--danger-color-dark);
border-color: var(--danger-color-dark); }
#conversejs .chat-textarea-chatbox-selected {
border: 1px solid #578308;
margin: 0; }
#conversejs .chat-textarea-chatroom-selected {
border: 2px solid var(--link-color);
margin: 0; }
@media screen and (max-width: 575px) {
body .converse-brand {
@ -10345,6 +10339,8 @@ body.converse-fullscreen {
min-height: var(--chat-textarea-height);
margin-bottom: -4px;
resize: none; }
#conversejs .chatbox .sendXMPPMessage .chat-textarea:active, #conversejs .chatbox .sendXMPPMessage .chat-textarea:focus {
outline-color: var(--chat-head-color); }
#conversejs .chatbox .sendXMPPMessage .chat-textarea.spoiler {
height: 42px; }
#conversejs .chatbox .sendXMPPMessage .chat-textarea.correcting {
@ -11694,6 +11690,10 @@ body.converse-fullscreen {
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea,
#conversejs .chatroom .sendXMPPMessage .chat-textarea {
border-bottom-right-radius: 0; }
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea:active, #conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea:focus,
#conversejs .chatroom .sendXMPPMessage .chat-textarea:active,
#conversejs .chatroom .sendXMPPMessage .chat-textarea:focus {
outline-color: var(--chatroom-head-color); }
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea.correcting,
#conversejs .chatroom .sendXMPPMessage .chat-textarea.correcting {
background-color: var(--chatroom-correcting-color); }

3
sass/_chatbox.scss
View File

@ -274,6 +274,9 @@
min-height: var(--chat-textarea-height);
margin-bottom: -4px; // Not clear why this is necessar :(
resize: none;
&:active, &:focus{
outline-color: var(--chat-head-color);
}
&.spoiler {
height: 42px;
}

3
sass/_chatrooms.scss
View File

@ -316,6 +316,9 @@
}
}
.chat-textarea {
&:active, &:focus{
outline-color: var(--chatroom-head-color);
}
border-bottom-right-radius: 0;
&.correcting {
background-color: var(--chatroom-correcting-color);

9
sass/_core.scss
View File

@ -576,15 +576,6 @@ body.converse-fullscreen {
border-color: var(--danger-color-dark);
}
}
.chat-textarea-chatbox-selected {
border: 1px solid #578308;
margin: 0;
}
.chat-textarea-chatroom-selected {
border: 2px solid var(--link-color);
margin: 0;
}
}
@media screen and (max-width: 575px) {