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

Smaller font for the room features list in overlay view mode

Browse Source
This commit is contained in:
JC Brand 2018-09-18 13:36:02 +02:00
parent 79c9d35911
commit 26535ed4ef
3 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/converse.css
View File

@ -10500,10 +10500,9 @@ body.reset {
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-header .hide-occupants { #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-header .hide-occupants {
align-self: flex-end; align-self: flex-end;
cursor: pointer; } cursor: pointer; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-header .occupants-heading, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-header .occupants-heading { #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif; font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif; }
padding: 0.3em 0; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul { #conversejs .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul {
padding: 0; } padding: 0; }
@ -10640,8 +10639,10 @@ body.reset {
#conversejs.converse-overlayed .chatbox.chatroom .chatbox-buttons { #conversejs.converse-overlayed .chatbox.chatroom .chatbox-buttons {
flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; } max-width: 33.3333333333%; }
#conversejs.converse-overlayed .chatbox.chatroom .chatroom-body .occupants .occupants-heading {
padding: 0; }
#conversejs.converse-overlayed .chatbox.chatroom .chatroom-body .occupants .chatroom-features .feature { #conversejs.converse-overlayed .chatbox.chatroom .chatroom-body .occupants .chatroom-features .feature {
font-size: 12px; } font-size: 10px; }
#conversejs.converse-overlayed .chatbox.chatroom .chatroom-body .chat-area { #conversejs.converse-overlayed .chatbox.chatroom .chatroom-body .chat-area {
min-width: 250px; } min-width: 250px; }
#conversejs.converse-overlayed .chatbox.chatroom .sendXMPPMessage .chat-toolbar li .toolbar-menu { #conversejs.converse-overlayed .chatbox.chatroom .sendXMPPMessage .chat-toolbar li .toolbar-menu {

15
sass/_chatrooms.scss
View File

@ -126,7 +126,7 @@
.chat-area { .chat-area {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
word-wrap: break-word; word-wrap: break-word;
.new-msgs-indicator { .new-msgs-indicator {
background-color: $chatroom-head-color; background-color: $chatroom-head-color;
} }
@ -153,12 +153,10 @@
align-self: flex-end; align-self: flex-end;
cursor: pointer; cursor: pointer;
} }
.occupants-heading {
font-family: $heading-font;
padding: 0.3em 0;
}
} }
.occupants-heading {
font-family: $heading-font;
}
.awesomplete { .awesomplete {
ul { ul {
padding: 0; padding: 0;
@ -312,9 +310,12 @@
} }
.chatroom-body { .chatroom-body {
.occupants { .occupants {
.occupants-heading {
padding: 0;
}
.chatroom-features { .chatroom-features {
.feature { .feature {
font-size: $font-size-small; font-size: $font-size-tiny;
} }
} }
} }

1
sass/_variables.scss
View File

@ -131,6 +131,7 @@ $box-close-button-padding-right: 4px !default;
$chatbox-button-size: 14px !default; $chatbox-button-size: 14px !default;
$fullpage-chatbox-button-size: 16px !default; $fullpage-chatbox-button-size: 16px !default;
$font-size-tiny: 10px !default;
$font-size-small: 12px !default; $font-size-small: 12px !default;
$font-size: 14px !default; $font-size: 14px !default;
$font-size-large: 16px !default; $font-size-large: 16px !default;