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

Style the headlines box. (Make it orange)

Browse Source
This commit is contained in:
JC Brand 2017-06-19 15:27:24 +02:00
parent 02e5921415
commit 213ddcba39
7 changed files with 44 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/converse.css
View File

@ -2574,7 +2574,12 @@
border: 1px solid #999; }
#conversejs .chatbox.headlines .chat-head.chat-head-chatbox {
background-color: #3AA569; }
background-color: #E7A151; }
#conversejs .chatbox.headlines .chat-body {
background-color: #E7A151;
border-radius: 4px; }
#conversejs .chatbox.headlines .chat-content {
border-radius: 4px; }
#conversejs #minimized-chats {
border-top-left-radius: 4px;

19
css/inverse.css
View File

@ -2751,10 +2751,23 @@ body {
margin: 0 0 0.5em -1px; }
#conversejs .chatbox.headlines .chat-head.chat-head-chatbox {
background-color: #3AA569; }
background-color: #E7A151; }
#conversejs .chatbox.headlines .chat-body {
background-color: #E7A151;
border-radius: 7px; }
#conversejs .chatbox.headlines .chat-body .chat-message span.chat-msg-them {
color: #D2842B; }
#conversejs .chatbox.headlines .chat-content {
height: 100%;
border-radius: 7px; }
#conversejs .chatbox.headlines .box-flyout {
background-color: #E7A151; }
#conversejs .chatbox.headlines .chat-head.chat-head-chatbox {
background-color: #E7A151; }
#conversejs .chatbox.headlines .flyout {
border: 1em solid #3AA569;
border-top: 0.8em solid #3AA569; }
border: 1.2em solid #E7A151;
border-top: 0.8em solid #E7A151; }
#converse-embedded-chat,
#conversejs {

15
sass/_headline.scss
View File

@ -5,6 +5,21 @@
background-color: $headline-head-color;
}
}
.chat-body {
background-color: $headline-head-color;
border-radius: $chatbox-border-radius;
.chat-message {
span {
&.chat-msg-them {
color: $dark-orange;
}
}
}
}
.chat-content {
height: 100%;
border-radius: $chatbox-border-radius;
}
}
}

2
sass/converse/_variables.scss
View File

@ -113,7 +113,7 @@ $chatroom-color-light: $light-red !default;
$chatroom-color-dark: $darkest-red !default;
$chatroom-message-them-color: $green !default;
$headline-head-color: $green !default;
$headline-head-color: $orange !default;
$box-close-button-padding-top: 4px !default;
$box-close-button-padding-bottom: 4px !default;

5
sass/inverse/_headline.scss
View File

@ -1,12 +1,15 @@
#conversejs {
.chatbox.headlines {
.box-flyout {
background-color: $headline-head-color;
}
.chat-head {
&.chat-head-chatbox {
background-color: $headline-head-color;
}
}
.flyout {
border: 1em solid $headline-head-color;
border: $flyout-padding solid $headline-head-color;
border-top: 0.8em solid $headline-head-color;
}
}

2
sass/inverse/_variables.scss
View File

@ -121,7 +121,7 @@ $chatroom-color-light: $light-red !default;
$chatroom-color-dark: $darkest-red !default;
$chatroom-message-them-color: $green !default;
$headline-head-color: $green !default;
$headline-head-color: $orange !default;
$box-close-button-padding-top: 4px !default;
$box-close-button-padding-bottom: 4px !default;

1
sass/inverse/inverse.scss
View File

@ -21,5 +21,6 @@
@import "bookmarks";
@import "../chatrooms";
@import "chatrooms";
@import "../headline";
@import "headline";
@import "../awesomplete"