From b1c2a719275bbef7f5dbf520a9cec616fe297c0a Mon Sep 17 00:00:00 2001 From: JC Brand Date: Thu, 27 Oct 2016 10:23:50 +0000 Subject: [PATCH] Tweak bookmarks css --- css/converse.css | 120 +++++++++++++++++++++--------------------- sass/_bookmarks.scss | 2 + sass/_controlbox.scss | 2 - 3 files changed, 62 insertions(+), 62 deletions(-) diff --git a/css/converse.css b/css/converse.css index bfbbee2a4..1df34f016 100644 --- a/css/converse.css +++ b/css/converse.css @@ -1608,57 +1608,55 @@ margin: 0.5em 0; } #conversejs #controlbox #users .add-converse-contact { margin: 0 1em 0.75em 1em; } - #conversejs #controlbox #chatrooms { - padding-top: 2em; } - #conversejs #controlbox #chatrooms form.add-chatroom input[type=button], - #conversejs #controlbox #chatrooms form.add-chatroom input[type=submit], - #conversejs #controlbox #chatrooms form.add-chatroom input[type=text] { - width: 100%; } - #conversejs #controlbox #chatrooms dl.rooms-list { - margin: 0 1em; + #conversejs #controlbox #chatrooms form.add-chatroom input[type=button], + #conversejs #controlbox #chatrooms form.add-chatroom input[type=submit], + #conversejs #controlbox #chatrooms form.add-chatroom input[type=text] { + width: 100%; } + #conversejs #controlbox #chatrooms dl.rooms-list { + margin: 0 1em; + padding: 0; + text-align: left; } + #conversejs #controlbox #chatrooms dl.rooms-list dt { + border: none; + color: #818479; + font-weight: normal; padding: 0; - text-align: left; } - #conversejs #controlbox #chatrooms dl.rooms-list dt { - border: none; - color: #818479; - font-weight: normal; - padding: 0; - padding-bottom: 0.5em; - text-shadow: 0 1px 0 #FAFAFA; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom { - border: none; - clear: both; - color: #818479; + padding-bottom: 0.5em; + text-shadow: 0 1px 0 #FAFAFA; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom { + border: none; + clear: both; + color: #818479; + display: block; + overflow: hidden; + padding: 0.4em; + text-shadow: 0 1px 0 #FAFAFA; + word-wrap: break-word; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom:hover { + background-color: #DCF9F6; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom a.room-info { + clear: right; + display: block; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom a.room-info:before { + font-size: 15px; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom a.open-room { + float: left; + width: 85%; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom .room-info { + font-size: 12px; + font-style: normal; + font-weight: normal; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom li.room-info { display: block; - overflow: hidden; - padding: 0.4em; - text-shadow: 0 1px 0 #FAFAFA; - word-wrap: break-word; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom:hover { - background-color: #DCF9F6; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom a.room-info { - clear: right; - display: block; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom a.room-info:before { - font-size: 15px; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom a.open-room { - float: left; - width: 85%; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom .room-info { - font-size: 12px; - font-style: normal; - font-weight: normal; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom li.room-info { - display: block; - margin-left: 5px; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom p.room-info { - margin: 0; - padding: 0; - display: block; - white-space: normal; } - #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom div.room-info { - clear: left; - width: 100%; } + margin-left: 5px; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom p.room-info { + margin: 0; + padding: 0; + display: block; + white-space: normal; } + #conversejs #controlbox #chatrooms dl.rooms-list dd.available-chatroom div.room-info { + clear: left; + width: 100%; } #conversejs #controlbox .dropdown { /* Custom addition for CSP */ } #conversejs #controlbox .dropdown a { @@ -2166,16 +2164,18 @@ right: 116px; bottom: 10px; } -#conversejs #controlbox #chatrooms .bookmarks-list .bookmarks-toggle { - display: block; - font-weight: bold; - color: #818479; - margin-bottom: 0.5em; } -#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%; } -#conversejs #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom .remove-bookmark { - float: right; } +#conversejs #controlbox #chatrooms .bookmarks-list { + padding-top: 1em; } + #conversejs #controlbox #chatrooms .bookmarks-list .bookmarks-toggle { + display: block; + font-weight: bold; + color: #818479; + margin-bottom: 0.5em; } + #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%; } + #conversejs #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom .remove-bookmark { + float: right; } /*# sourceMappingURL=converse.css.map */ diff --git a/sass/_bookmarks.scss b/sass/_bookmarks.scss index b47134000..9fd5a4a57 100644 --- a/sass/_bookmarks.scss +++ b/sass/_bookmarks.scss @@ -2,6 +2,8 @@ #controlbox { #chatrooms { .bookmarks-list { + padding-top: 1em; + .bookmarks-toggle { display: block; font-weight: bold; diff --git a/sass/_controlbox.scss b/sass/_controlbox.scss index 2a474681e..465f41a48 100644 --- a/sass/_controlbox.scss +++ b/sass/_controlbox.scss @@ -108,8 +108,6 @@ } #chatrooms { - padding-top: 2em; - form.add-chatroom { input[type=button], input[type=submit],