Commit ffa86617 authored by JC Brand's avatar JC Brand

Update chatroom css

parent 598e29c9
...@@ -1992,10 +1992,14 @@ ...@@ -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 @@ ...@@ -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; }
......
# 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 @@ ...@@ -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)
......
...@@ -43,11 +43,17 @@ ...@@ -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 @@ ...@@ -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;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment