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; } border: 1px solid #999; }
#conversejs .chatbox.headlines .chat-head.chat-head-chatbox { #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 { #conversejs #minimized-chats {
border-top-left-radius: 4px; border-top-left-radius: 4px;

19
css/inverse.css
View File

@ -2751,10 +2751,23 @@ body {
margin: 0 0 0.5em -1px; } margin: 0 0 0.5em -1px; }
#conversejs .chatbox.headlines .chat-head.chat-head-chatbox { #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 { #conversejs .chatbox.headlines .flyout {
border: 1em solid #3AA569; border: 1.2em solid #E7A151;
border-top: 0.8em solid #3AA569; } border-top: 0.8em solid #E7A151; }
#converse-embedded-chat, #converse-embedded-chat,
#conversejs { #conversejs {

15
sass/_headline.scss
View File

@ -5,6 +5,21 @@
background-color: $headline-head-color; 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-color-dark: $darkest-red !default;
$chatroom-message-them-color: $green !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-top: 4px !default;
$box-close-button-padding-bottom: 4px !default; $box-close-button-padding-bottom: 4px !default;

5
sass/inverse/_headline.scss
View File

@ -1,12 +1,15 @@
#conversejs { #conversejs {
.chatbox.headlines { .chatbox.headlines {
.box-flyout {
background-color: $headline-head-color;
}
.chat-head { .chat-head {
&.chat-head-chatbox { &.chat-head-chatbox {
background-color: $headline-head-color; background-color: $headline-head-color;
} }
} }
.flyout { .flyout {
border: 1em solid $headline-head-color; border: $flyout-padding solid $headline-head-color;
border-top: 0.8em 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-color-dark: $darkest-red !default;
$chatroom-message-them-color: $green !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-top: 4px !default;
$box-close-button-padding-bottom: 4px !default; $box-close-button-padding-bottom: 4px !default;

1
sass/inverse/inverse.scss
View File

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