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

Update chatroom css

Browse Source
This commit is contained in:
JC Brand 2016-06-20 19:25:57 +00:00
parent 598e29c910
commit ffa8661799
3 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/converse.css
View File

@ -1992,10 +1992,14 @@
background-color: white; background-color: white;
border-top: 0; border-top: 0;
width: 100%; } width: 100%; }
#conversejs .chatroom .box-flyout .chatroom-body .mentioned {
font-weight: bold; }
#conversejs .chatroom .box-flyout .chatroom-body .chat-msg-room {
color: #1A9707; }
#conversejs .chatroom .box-flyout .chatroom-body .chat-area { #conversejs .chatroom .box-flyout .chatroom-body .chat-area {
word-wrap: break-word; word-wrap: break-word;
height: 100%; height: 100%;
max-width: 70%; width: 70%;
float: left; float: left;
min-width: 200px; } min-width: 200px; }
#conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator { #conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
@ -2007,17 +2011,14 @@
min-width: 100%; } min-width: 100%; }
#conversejs .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator { #conversejs .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator {
min-width: 100%; } min-width: 100%; }
#conversejs .chatroom .box-flyout .chatroom-body .mentioned {
font-weight: bold; }
#conversejs .chatroom .box-flyout .chatroom-body .chat-msg-room {
color: #1A9707; }
#conversejs .chatroom .box-flyout .chatroom-body .occupants { #conversejs .chatroom .box-flyout .chatroom-body .occupants {
float: right;
vertical-align: top; vertical-align: top;
background-color: white; background-color: white;
overflow: hidden; overflow: hidden;
border-left: 1px solid #818479; border-left: 1px solid #818479;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
min-width: 30%; width: 30%;
height: 100%; } height: 100%; }
#conversejs .chatroom .box-flyout .chatroom-body .occupants.hidden { #conversejs .chatroom .box-flyout .chatroom-body .occupants.hidden {
display: none; } display: none; }

6
docs/CHANGES.md
View File

@ -1,5 +1,9 @@
# Changelog # Changelog
## 1.0.4 (Unreleased)
- Restrict occupants sidebar to 30% chatroom width. [jcbrand]
## 1.0.3 (2016-06-20) ## 1.0.3 (2016-06-20)
- Update the plugin architecture to allow plugins to have optional dependencies [jcbrand] - Update the plugin architecture to allow plugins to have optional dependencies [jcbrand]
@ -16,7 +20,7 @@
- Add new event [pluginsInitialized](https://conversejs.org/docs/html/development.html#pluginsInitialized) - Add new event [pluginsInitialized](https://conversejs.org/docs/html/development.html#pluginsInitialized)
- #553 Add processing hints to OTR messages [jcbrand] - #553 Add processing hints to OTR messages [jcbrand]
- #650 Don't ignore incoming messages with same JID as current user (might be MAM archived) [jcbrand] - #650 Don't ignore incoming messages with same JID as current user (might be MAM archived) [jcbrand]
- #656 online users count in minimized chat window on initialization corrected - #656 online users count in minimized chat window on initialization corrected [amanzur]
## 1.0.2 (2016-05-24) ## 1.0.2 (2016-05-24)

17
sass/_chatrooms.scss
View File

@ -43,11 +43,17 @@
background-color: white; background-color: white;
border-top: 0; border-top: 0;
width: 100%; width: 100%;
.mentioned {
font-weight: bold;
}
.chat-msg-room {
color: $message-them-color;
}
.chat-area { .chat-area {
word-wrap: break-word; word-wrap: break-word;
height: 100%; height: 100%;
max-width: 70%; width: 70%;
float: left; float: left;
min-width: $chat-width; min-width: $chat-width;
.new-msgs-indicator { .new-msgs-indicator {
@ -65,19 +71,14 @@
} }
} }
} }
.mentioned {
font-weight: bold;
}
.chat-msg-room {
color: $message-them-color;
}
.occupants { .occupants {
float: right;
vertical-align: top; vertical-align: top;
background-color: white; background-color: white;
overflow: hidden; overflow: hidden;
border-left: 1px solid $text-color; border-left: 1px solid $text-color;
border-bottom-right-radius: $chatbox-border-radius; border-bottom-right-radius: $chatbox-border-radius;
min-width: 30%; width: 30%;
height: 100%; height: 100%;
&.hidden { &.hidden {
display: none; display: none;