Fixes #1069 Only show bookmark icons on hover

This commit is contained in:
JC Brand 2018-07-02 21:13:15 +02:00
parent a2fef1277c
commit 3c1db0fec8
3 changed files with 42 additions and 32 deletions

View File

@ -8275,12 +8275,15 @@ body.reset {
#conversejs .list-container .items-list .open-headline:hover, #conversejs .list-container .items-list .open-headline:hover,
#conversejs .list-container .items-list .open-chatroom:hover { #conversejs .list-container .items-list .open-chatroom:hover {
background-color: #eff4f7; } background-color: #eff4f7; }
#conversejs .list-container .items-list .available-chatroom:hover a.add-bookmark, #conversejs .list-container .items-list .available-chatroom:hover .remove-bookmark,
#conversejs .list-container .items-list .available-chatroom:hover a.room-info, #conversejs .list-container .items-list .available-chatroom:hover .add-bookmark,
#conversejs .list-container .items-list .open-headline:hover a.add-bookmark, #conversejs .list-container .items-list .available-chatroom:hover .room-info,
#conversejs .list-container .items-list .open-headline:hover a.room-info, #conversejs .list-container .items-list .open-headline:hover .remove-bookmark,
#conversejs .list-container .items-list .open-chatroom:hover a.add-bookmark, #conversejs .list-container .items-list .open-headline:hover .add-bookmark,
#conversejs .list-container .items-list .open-chatroom:hover a.room-info { #conversejs .list-container .items-list .open-headline:hover .room-info,
#conversejs .list-container .items-list .open-chatroom:hover .remove-bookmark,
#conversejs .list-container .items-list .open-chatroom:hover .add-bookmark,
#conversejs .list-container .items-list .open-chatroom:hover .room-info {
display: block !important; } display: block !important; }
#conversejs .list-container .items-list .available-chatroom.unread-msgs .msgs-indicator, #conversejs .list-container .items-list .available-chatroom.unread-msgs .msgs-indicator,
#conversejs .list-container .items-list .open-headline.unread-msgs .msgs-indicator, #conversejs .list-container .items-list .open-headline.unread-msgs .msgs-indicator,
@ -8299,15 +8302,19 @@ body.reset {
#conversejs .list-container .items-list .open-headline a:hover, #conversejs .list-container .items-list .open-headline a:hover,
#conversejs .list-container .items-list .open-chatroom a:hover { #conversejs .list-container .items-list .open-chatroom a:hover {
color: #206485; } color: #206485; }
#conversejs .list-container .items-list .available-chatroom a.add-bookmark, #conversejs .list-container .items-list .available-chatroom a.room-info, #conversejs .list-container .items-list .available-chatroom a.remove-bookmark, #conversejs .list-container .items-list .available-chatroom a.add-bookmark, #conversejs .list-container .items-list .available-chatroom a.room-info,
#conversejs .list-container .items-list .open-headline a.remove-bookmark,
#conversejs .list-container .items-list .open-headline a.add-bookmark, #conversejs .list-container .items-list .open-headline a.add-bookmark,
#conversejs .list-container .items-list .open-headline a.room-info, #conversejs .list-container .items-list .open-headline a.room-info,
#conversejs .list-container .items-list .open-chatroom a.remove-bookmark,
#conversejs .list-container .items-list .open-chatroom a.add-bookmark, #conversejs .list-container .items-list .open-chatroom a.add-bookmark,
#conversejs .list-container .items-list .open-chatroom a.room-info { #conversejs .list-container .items-list .open-chatroom a.room-info {
display: none; } display: none; }
#conversejs .list-container .items-list .available-chatroom a.add-bookmark:before, #conversejs .list-container .items-list .available-chatroom a.room-info:before, #conversejs .list-container .items-list .available-chatroom a.remove-bookmark:before, #conversejs .list-container .items-list .available-chatroom a.add-bookmark:before, #conversejs .list-container .items-list .available-chatroom a.room-info:before,
#conversejs .list-container .items-list .open-headline a.remove-bookmark:before,
#conversejs .list-container .items-list .open-headline a.add-bookmark:before, #conversejs .list-container .items-list .open-headline a.add-bookmark:before,
#conversejs .list-container .items-list .open-headline a.room-info:before, #conversejs .list-container .items-list .open-headline a.room-info:before,
#conversejs .list-container .items-list .open-chatroom a.remove-bookmark:before,
#conversejs .list-container .items-list .open-chatroom a.add-bookmark:before, #conversejs .list-container .items-list .open-chatroom a.add-bookmark:before,
#conversejs .list-container .items-list .open-chatroom a.room-info:before { #conversejs .list-container .items-list .open-chatroom a.room-info:before {
font-size: 15px; } font-size: 15px; }
@ -8326,29 +8333,35 @@ body.reset {
width: 85%; } width: 85%; }
#conversejs .list-container .items-list .available-chatroom .add-bookmark, #conversejs .list-container .items-list .available-chatroom .add-bookmark,
#conversejs .list-container .items-list .available-chatroom .remove-bookmark, #conversejs .list-container .items-list .available-chatroom .remove-bookmark,
#conversejs .list-container .items-list .available-chatroom .remove-bookmark,
#conversejs .list-container .items-list .open-headline .add-bookmark, #conversejs .list-container .items-list .open-headline .add-bookmark,
#conversejs .list-container .items-list .open-headline .remove-bookmark, #conversejs .list-container .items-list .open-headline .remove-bookmark,
#conversejs .list-container .items-list .open-headline .remove-bookmark,
#conversejs .list-container .items-list .open-chatroom .add-bookmark, #conversejs .list-container .items-list .open-chatroom .add-bookmark,
#conversejs .list-container .items-list .open-chatroom .remove-bookmark,
#conversejs .list-container .items-list .open-chatroom .remove-bookmark { #conversejs .list-container .items-list .open-chatroom .remove-bookmark {
color: #A8ABA1; } color: #A8ABA1; }
#conversejs .list-container .items-list .available-chatroom .add-bookmark.button-on, #conversejs .list-container .items-list .available-chatroom .add-bookmark.button-on,
#conversejs .list-container .items-list .available-chatroom .remove-bookmark.button-on, #conversejs .list-container .items-list .available-chatroom .remove-bookmark.button-on,
#conversejs .list-container .items-list .available-chatroom .remove-bookmark.button-on,
#conversejs .list-container .items-list .open-headline .add-bookmark.button-on, #conversejs .list-container .items-list .open-headline .add-bookmark.button-on,
#conversejs .list-container .items-list .open-headline .remove-bookmark.button-on, #conversejs .list-container .items-list .open-headline .remove-bookmark.button-on,
#conversejs .list-container .items-list .open-headline .remove-bookmark.button-on,
#conversejs .list-container .items-list .open-chatroom .add-bookmark.button-on, #conversejs .list-container .items-list .open-chatroom .add-bookmark.button-on,
#conversejs .list-container .items-list .open-chatroom .remove-bookmark.button-on,
#conversejs .list-container .items-list .open-chatroom .remove-bookmark.button-on { #conversejs .list-container .items-list .open-chatroom .remove-bookmark.button-on {
color: #578EA9; } color: #578EA9; }
#conversejs .list-container .items-list .available-chatroom .add-bookmark.button-on:hover, #conversejs .list-container .items-list .available-chatroom .add-bookmark.button-on:hover,
#conversejs .list-container .items-list .available-chatroom .remove-bookmark.button-on:hover, #conversejs .list-container .items-list .available-chatroom .remove-bookmark.button-on:hover,
#conversejs .list-container .items-list .available-chatroom .remove-bookmark.button-on:hover,
#conversejs .list-container .items-list .open-headline .add-bookmark.button-on:hover, #conversejs .list-container .items-list .open-headline .add-bookmark.button-on:hover,
#conversejs .list-container .items-list .open-headline .remove-bookmark.button-on:hover, #conversejs .list-container .items-list .open-headline .remove-bookmark.button-on:hover,
#conversejs .list-container .items-list .open-headline .remove-bookmark.button-on:hover,
#conversejs .list-container .items-list .open-chatroom .add-bookmark.button-on:hover, #conversejs .list-container .items-list .open-chatroom .add-bookmark.button-on:hover,
#conversejs .list-container .items-list .open-chatroom .remove-bookmark.button-on:hover,
#conversejs .list-container .items-list .open-chatroom .remove-bookmark.button-on:hover { #conversejs .list-container .items-list .open-chatroom .remove-bookmark.button-on:hover {
color: #206485; } color: #206485; }
#conversejs.fullscreen #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom a.open-room {
width: 80%; }
#conversejs #converse-roster { #conversejs #converse-roster {
text-align: left; text-align: left;
width: 100%; width: 100%;
@ -9032,6 +9045,9 @@ body.reset {
#conversejs.converse-overlayed #minimized-chats .chat-head-message-count-hidden { #conversejs.converse-overlayed #minimized-chats .chat-head-message-count-hidden {
display: none; } display: none; }
#conversejs.fullscreen #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom a.open-room {
width: 80%; }
#conversejs [hidden] { #conversejs [hidden] {
display: none; } display: none; }
#conversejs .visually-hidden { #conversejs .visually-hidden {

View File

@ -1,7 +1,16 @@
#conversejs { #conversejs.fullscreen {
#controlbox { #controlbox {
#chatrooms { #chatrooms {
.bookmarks-list { .bookmarks-list {
dl.rooms-list.bookmarks {
dd.available-chatroom {
a {
&.open-room {
width: 80%;
}
}
}
}
} }
} }
} }

View File

@ -32,8 +32,9 @@
.open-chatroom { .open-chatroom {
&:hover { &:hover {
background-color: lighten($controlbox-head-color, 45%); background-color: lighten($controlbox-head-color, 45%);
a.add-bookmark, .remove-bookmark,
a.room-info { .add-bookmark,
.room-info {
display: block !important; display: block !important;
} }
} }
@ -52,6 +53,7 @@
&:hover { &:hover {
color: $dark-link-color; color: $dark-link-color;
} }
&.remove-bookmark,
&.add-bookmark, &.add-bookmark,
&.room-info { &.room-info {
display: none; display: none;
@ -72,6 +74,7 @@
} }
} }
.add-bookmark, .add-bookmark,
.remove-bookmark,
.remove-bookmark { .remove-bookmark {
&.button-on { &.button-on {
color: $link-color; color: $link-color;
@ -85,21 +88,3 @@
} }
} }
} }
#conversejs.fullscreen {
#controlbox {
#chatrooms {
.bookmarks-list {
dl.rooms-list.bookmarks {
dd.available-chatroom {
a {
&.open-room {
width: 80%;
}
}
}
}
}
}
}
}