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

CSS fix. The spinner for chatroom info wasn't centered.

Browse Source
This commit is contained in:
JC Brand 2015-03-29 21:58:45 +02:00
parent 06803e2c90
commit 1545fe9c55
2 changed files with 40 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
css/converse.css
View File

@ -351,7 +351,8 @@
#conversejs .hor_centered { #conversejs .hor_centered {
text-align: center; text-align: center;
display: block; display: block;
margin: 0 auto; } margin: 0 auto;
clear: both; }
#conversejs .toggle-controlbox, #conversejs .toggle-controlbox,
#conversejs #minimized-chats { #conversejs #minimized-chats {
border-top-left-radius: 4px; border-top-left-radius: 4px;
@ -784,27 +785,32 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow-x: hidden; } overflow-x: hidden; }
#conversejs dd.available-chatroom { #conversejs dd.available-chatroom {
display: inline-block; border: none;
overflow-x: hidden; clear: both;
text-overflow: ellipsis; color: #6C4C44;
display: block;
font-weight: bold;
overflow: hidden;
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
text-overflow: ellipsis;
text-shadow: 0 1px 0 #FAFAFA;
white-space: nowrap; } white-space: nowrap; }
#conversejs dd.available-chatroom a.open-room { #conversejs dd.available-chatroom a.open-room {
width: 150px; } width: 150px; }
#conversejs dd.available-chatroom:hover a.room-info { #conversejs dd.available-chatroom:hover {
display: inline-block; background-color: #E3C9C1; }
font-size: 14px; } #conversejs dd.available-chatroom:hover .room-info {
#conversejs dd.available-chatroom, display: inline-block;
font-size: 14px; }
#conversejs #converse-roster dd { #conversejs #converse-roster dd {
font-weight: bold;
border: none; border: none;
display: block;
color: #6C4C44;
text-shadow: 0 1px 0 #FAFAFA;
clear: both; clear: both;
overflow-y: hidden; } color: #6C4C44;
display: block;
font-weight: bold;
overflow-y: hidden;
text-shadow: 0 1px 0 #FAFAFA; }
#conversejs .roster-group:hover, #conversejs .roster-group:hover,
#conversejs dd.available-chatroom:hover,
#conversejs #converse-roster dd:hover { #conversejs #converse-roster dd:hover {
background-color: #E3C9C1; } background-color: #E3C9C1; }
#conversejs .chatbox, #conversejs .chatbox,

34
sass/converse.scss
View File

@ -287,6 +287,7 @@
text-align: center; text-align: center;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
clear: both;
} }
.toggle-controlbox, .toggle-controlbox,
@ -891,34 +892,39 @@
} }
dd.available-chatroom { dd.available-chatroom {
display: inline-block; border: none;
overflow-x: hidden; clear: both;
text-overflow: ellipsis; color: $text-color;
display: block;
font-weight: bold;
overflow: hidden;
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
text-overflow: ellipsis;
text-shadow: 0 1px 0 $text-shadow-color;
white-space: nowrap; white-space: nowrap;
a.open-room { a.open-room {
width: 150px; width: 150px;
} }
&:hover {
background-color: $highlight-color;
.room-info {
display: inline-block;
font-size: 14px;
}
}
} }
dd.available-chatroom:hover a.room-info {
display: inline-block;
font-size: 14px;
}
dd.available-chatroom,
#converse-roster dd { #converse-roster dd {
font-weight: bold;
border: none; border: none;
display: block;
color: $text-color;
text-shadow: 0 1px 0 $text-shadow-color;
clear: both; clear: both;
color: $text-color;
display: block;
font-weight: bold;
overflow-y: hidden; overflow-y: hidden;
text-shadow: 0 1px 0 $text-shadow-color;
} }
.roster-group:hover, .roster-group:hover,
dd.available-chatroom:hover,
#converse-roster dd:hover { #converse-roster dd:hover {
background-color: $highlight-color; background-color: $highlight-color;
} }