diff --git a/css/converse-muc-embedded.css b/css/converse-muc-embedded.css index 53556b92b..037e11eeb 100644 --- a/css/converse-muc-embedded.css +++ b/css/converse-muc-embedded.css @@ -32,7 +32,7 @@ box-shadow: none; } #converse-embedded-chat .chatbox .chat-title { padding: 0.3em; - font-size: 150%; } + font-size: 120%; } #converse-embedded-chat .chatbox-btn { display: none; } #converse-embedded-chat .chatroom .box-flyout { @@ -43,7 +43,7 @@ height: -webkit-calc(100% - 55px); height: calc(100% - 55px); } #converse-embedded-chat .chatroom .box-flyout .occupants-heading { - font-size: 150%; } + font-size: 120%; } #converse-embedded-chat .chatroom .box-flyout .chat-content { height: calc(100% - 97px); } #converse-embedded-chat .chatroom .box-flyout .chat-content .chat-message { diff --git a/css/converse.css b/css/converse.css index 06f4050be..f10d7ae1f 100644 --- a/css/converse.css +++ b/css/converse.css @@ -1334,7 +1334,8 @@ color: #818479; } #converse-embedded-chat form.pure-form.converse-form label, #conversejs form.pure-form.converse-form label { - margin-top: 1em; } + margin-top: 1em; + font-size: 16px; } #converse-embedded-chat form.pure-form.converse-form input[type=text], #converse-embedded-chat form.pure-form.converse-form input[type=password], #converse-embedded-chat form.pure-form.converse-form input[type=number], @@ -1345,7 +1346,6 @@ #conversejs form.pure-form.converse-form input[type=number], #conversejs form.pure-form.converse-form input[type=button], #conversejs form.pure-form.converse-form input[type=submit] { - height: 2.2em; padding: 0.5em; } #converse-embedded-chat form.pure-form.converse-form input[type=button], #converse-embedded-chat form.pure-form.converse-form input[type=submit], @@ -1353,7 +1353,8 @@ #conversejs form.pure-form.converse-form input[type=submit] { padding-left: 1em; padding-right: 1em; - margin-right: 1em; } + margin: 0.5em 0; + border: none; } #converse-embedded-chat form.pure-form.converse-form input.error, #conversejs form.pure-form.converse-form input.error { border: 1px solid red; @@ -1891,7 +1892,7 @@ color: #818479; display: block; overflow: hidden; - padding: 0.4em; + padding: 0.1em; text-shadow: 0 1px 0 #FAFAFA; word-wrap: break-word; } #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom:hover { @@ -2378,7 +2379,7 @@ #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-online, #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-chat, #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-online, #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-chat { - background-color: green; } + background-color: #1A9707; } #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-dnd, #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-dnd { background-color: red; } @@ -2414,6 +2415,11 @@ #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label, #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text] { display: block; } + #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button], + #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit], + #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button], + #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit] { + margin: 0 0.5em; } #converse-embedded-chat .chatroom .chat-textarea, #conversejs .chatroom .chat-textarea { border-bottom-right-radius: 0; } @@ -2484,7 +2490,11 @@ #conversejs #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom a.room-info { clear: none; } #conversejs #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom a.open-room { - width: 75%; } + width: 75%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-right: 0.5em; } #conversejs #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom .remove-bookmark { float: right; } diff --git a/demo/embedded.html b/demo/embedded.html index 1fe4ab547..aeb44ba2c 100644 --- a/demo/embedded.html +++ b/demo/embedded.html @@ -18,7 +18,7 @@ - + diff --git a/sass/_bookmarks.scss b/sass/_bookmarks.scss index 9fd5a4a57..5e1469b73 100644 --- a/sass/_bookmarks.scss +++ b/sass/_bookmarks.scss @@ -18,6 +18,10 @@ } &.open-room { width: 75%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-right: 0.5em; } } .remove-bookmark { diff --git a/sass/_chatrooms.scss b/sass/_chatrooms.scss index d2d585642..34c558ca7 100644 --- a/sass/_chatrooms.scss +++ b/sass/_chatrooms.scss @@ -146,7 +146,7 @@ height: 0.5em; &.occupant-online, &.occupant-chat { - background-color: green; + background-color: #1A9707; } &.occupant-dnd { background-color: red; @@ -188,6 +188,10 @@ display: block; } } + input[type=button], + input[type=submit] { + margin: 0 0.5em; + } } } } diff --git a/sass/_controlbox.scss b/sass/_controlbox.scss index 9ee6de350..8975e8bc3 100644 --- a/sass/_controlbox.scss +++ b/sass/_controlbox.scss @@ -132,7 +132,7 @@ color: $text-color; display: block; overflow: hidden; - padding: 0.4em; + padding: 0.1em; text-shadow: 0 1px 0 $text-shadow-color; word-wrap: break-word; &:hover { diff --git a/sass/_core.scss b/sass/_core.scss index 8ee5df1bc..132a19907 100644 --- a/sass/_core.scss +++ b/sass/_core.scss @@ -171,20 +171,21 @@ } label { margin-top: 1em; + font-size: $font-size-large; } input[type=text], input[type=password], input[type=number], input[type=button], input[type=submit] { - height: 2.2em; padding: 0.5em; } input[type=button], input[type=submit] { padding-left: 1em; padding-right: 1em; - margin-right: 1em; + margin: 0.5em 0; + border: none; } input.error { border: 1px solid red; diff --git a/sass/_muc_embedded.scss b/sass/_muc_embedded.scss index e2807c4d5..3de31bc76 100644 --- a/sass/_muc_embedded.scss +++ b/sass/_muc_embedded.scss @@ -36,7 +36,7 @@ } .chat-title { padding: 0.3em; - font-size: 150%; + font-size: 120%; } } .chatbox-btn { @@ -51,7 +51,7 @@ @include calc(height, '100% - #{$chat-head-height}'); } .occupants-heading { - font-size: 150%; + font-size: 120%; } .chat-content { height: calc(100% - #{$toolbar-height + $chat-textarea-height +2px});