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

CSS: Don't show border on empty element

Browse Source
This commit is contained in:
JC Brand 2021-03-04 16:17:19 +01:00
parent 698ad90c43
commit 19a9da3032
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
sass/_chatbox.scss
View File

@ -245,18 +245,12 @@
}
.chat-content__help {
border-top: 1px solid var(--chat-head-color);
max-height: 100%;
.close-chat-help {
svg {
fill: var(--chat-head-color);
}
}
converse-chat-help {
border-top: 1px solid var(--chat-head-color);
display: block;
height: 100%;
overflow-y: auto;
display: block;
padding: 0.5em 0;
}
.close-chat-help {
@ -264,6 +258,9 @@
padding-right: 1em;
cursor: pointer;
color: var(--chat-content-background-color);
svg {
fill: var(--chat-head-color);
}
}
}

6
sass/_chatrooms.scss
View File

@ -178,10 +178,12 @@
height: 100%;
}
.chat-content__help {
border-top: 1px solid var(--chatroom-head-bg-color);
converse-chat-help {
border-top: 1px solid var(--chatroom-color);
}
.close-chat-help {
svg {
fill: var(--chatroom-head-bg-color);
fill: var(--chatroom-color);
}
}
}

1
sass/_variables.scss
View File

@ -115,6 +115,7 @@ $mobile_portrait_length: 480px !default;
--heading-display: block;
--heading-color: white;
--chatroom-color: var(--redder-orange);
--chatroom-badge-color: var(--chatroom-head-bg-color);
--chatroom-badge-hover-color: var(--chatroom-head-bg-color-dark);
--chatroom-correcting-color: #fadfd7; // lighten($red, 30%)