Smaller font for the room features list in overlay view mode

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

View File

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

View File

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

View File

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