Skip to content

C
converse.js
Commit aabd2cc0 authored by JC Brand's avatar JC Brand
Browse files
Options

Add small/lage font-size variables

parent b832285d
Hide whitespace changes
Inline Side-by-side
Showing with 71 additions and 70 deletions
css/converse.css
View file @ aabd2cc0
...@@ -1248,7 +1248,6 @@ ...@@ -1248,7 +1248,6 @@
#conversejs .chat-head.chat-head-chatbox { #conversejs .chat-head.chat-head-chatbox {
background-color: #F4A261; } background-color: #F4A261; }
#conversejs .chat-head .user-custom-message { #conversejs .chat-head .user-custom-message {
clear: left;
color: white; color: white;
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
...@@ -1257,7 +1256,7 @@ ...@@ -1257,7 +1256,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
margin: 0; margin: 0;
padding-top: 0.2em; } padding-top: 0.5em; }
#conversejs .chatbox-btn { #conversejs .chatbox-btn {
border-radius: 50%; border-radius: 50%;
border: 1px solid white; border: 1px solid white;
...@@ -1610,56 +1609,58 @@ ...@@ -1610,56 +1609,58 @@
margin: 0.5em 0; } margin: 0.5em 0; }
#conversejs #controlbox #users .add-converse-contact { #conversejs #controlbox #users .add-converse-contact {
margin: 0 1em 0.75em 1em; } margin: 0 1em 0.75em 1em; }
#conversejs #controlbox #chatrooms form.add-chatroom input[type=button], #conversejs #controlbox #chatrooms {
#conversejs #controlbox #chatrooms form.add-chatroom input[type=submit], padding-top: 2em; }
#conversejs #controlbox #chatrooms form.add-chatroom input[type=text] { #conversejs #controlbox #chatrooms form.add-chatroom input[type=button],
width: 100%; } #conversejs #controlbox #chatrooms form.add-chatroom input[type=submit],
#conversejs #controlbox #chatrooms #available-chatrooms { #conversejs #controlbox #chatrooms form.add-chatroom input[type=text] {
margin: 0 1em; width: 100%; }
padding: 0; #conversejs #controlbox #chatrooms #available-chatrooms {
text-align: left; } margin: 0 1em;
#conversejs #controlbox #chatrooms #available-chatrooms dt {
border: none;
color: #818479;
font-weight: normal;
padding: 0; padding: 0;
padding-bottom: 0.5em; text-align: left; }
text-shadow: 0 1px 0 #FAFAFA; } #conversejs #controlbox #chatrooms #available-chatrooms dt {
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom { border: none;
border: none; color: #818479;
clear: both; font-weight: normal;
color: #818479;
display: block;
overflow: hidden;
padding: 0.4em;
text-shadow: 0 1px 0 #FAFAFA;
word-wrap: break-word; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom:hover {
background-color: #DCF9F6; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.room-info {
display: none;
clear: right;
display: block; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.room-info:before {
font-size: 15px; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.open-room {
float: left;
width: 85%; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom .room-info {
font-size: 11px;
font-style: normal;
font-weight: normal; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom li.room-info {
display: block;
margin-left: 5px; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom p.room-info {
margin: 0;
padding: 0; padding: 0;
padding-bottom: 0.5em;
text-shadow: 0 1px 0 #FAFAFA; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom {
border: none;
clear: both;
color: #818479;
display: block; display: block;
white-space: normal; } overflow: hidden;
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom div.room-info { padding: 0.4em;
clear: left; text-shadow: 0 1px 0 #FAFAFA;
width: 100%; } word-wrap: break-word; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom:hover {
background-color: #DCF9F6; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.room-info {
display: none;
clear: right;
display: block; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.room-info:before {
font-size: 15px; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom a.open-room {
float: left;
width: 85%; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom .room-info {
font-size: 11px;
font-style: normal;
font-weight: normal; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom li.room-info {
display: block;
margin-left: 5px; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom p.room-info {
margin: 0;
padding: 0;
display: block;
white-space: normal; }
#conversejs #controlbox #chatrooms #available-chatrooms dd.available-chatroom div.room-info {
clear: left;
width: 100%; }
#conversejs #controlbox .dropdown { #conversejs #controlbox .dropdown {
/* Custom addition for CSP */ } /* Custom addition for CSP */ }
#conversejs #controlbox .dropdown a { #conversejs #controlbox .dropdown a {
...@@ -2167,25 +2168,23 @@ ...@@ -2167,25 +2168,23 @@
right: 116px; right: 116px;
bottom: 10px; } bottom: 10px; }
#conversejs #controlbox .bookmarks-list { #conversejs #controlbox .bookmarks-list .bookmarks-toggle {
margin-top: 2em; } display: block;
#conversejs #controlbox .bookmarks-list .bookmarks-toggle { font-weight: bold;
display: block; color: #818479;
font-weight: bold; margin-bottom: 0.5em; }
color: #818479; #conversejs #controlbox .bookmarks-list .bookmarks li {
margin-bottom: 0.5em; } padding: 0.1em 1em; }
#conversejs #controlbox .bookmarks-list .bookmarks li { #conversejs #controlbox .bookmarks-list .bookmarks li .open-room {
padding: 0.1em 1em; } display: inline-block;
#conversejs #controlbox .bookmarks-list .bookmarks li .open-room { overflow: hidden;
display: inline-block; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis;
white-space: nowrap; width: 75%;
text-overflow: ellipsis; text-align: left; }
width: 75%; #conversejs #controlbox .bookmarks-list .bookmarks li .room-info {
text-align: left; } float: right; }
#conversejs #controlbox .bookmarks-list .bookmarks li .room-info { #conversejs #controlbox .bookmarks-list .bookmarks li .remove-bookmark {
float: right; } float: right; }
#conversejs #controlbox .bookmarks-list .bookmarks li .remove-bookmark {
float: right; }
/*# sourceMappingURL=converse.css.map */ /*# sourceMappingURL=converse.css.map */
sass/_controlbox.scss
View file @ aabd2cc0
...@@ -270,7 +270,7 @@ ...@@ -270,7 +270,7 @@
box-shadow: inset 2px -2px 20px rgba(0, 0, 0, 0.3); box-shadow: inset 2px -2px 20px rgba(0, 0, 0, 0.3);
color: $text-color; color: $text-color;
display: block; display: block;
font-size: 12px; font-size: $font-size-small;
height: $chat-head-height - 1px; height: $chat-head-height - 1px;
line-height: $chat-head-height - 1px; line-height: $chat-head-height - 1px;
margin: 0; margin: 0;
......
sass/_variables.scss
View file @ aabd2cc0
...@@ -49,7 +49,9 @@ $chatbox-hover-height: 6px !default; ...@@ -49,7 +49,9 @@ $chatbox-hover-height: 6px !default;
$mobile_landscape_height: 450px !default; $mobile_landscape_height: 450px !default;
$mobile_portrait_length: 480px !default; $mobile_portrait_length: 480px !default;
$font-size-small: 12px !default;
$font-size: 14px !default; $font-size: 14px !default;
$font-size-large: 16px !default;
$legend-font-size: 16px !default; $legend-font-size: 16px !default;
$chat-width: 200px !default; $chat-width: 200px !default;
......
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
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7