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

Add a drop-shadow for the user search box and fix widths.

Browse Source
This commit is contained in:
JC Brand 2015-03-05 20:47:43 +01:00
parent 61626873a3
commit a359dc5e88
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/converse.css
View File

@ -694,10 +694,10 @@
border: 1px solid #999; border: 1px solid #999;
font-size: 14px; font-size: 14px;
height: 25px; height: 25px;
margin: 0 0 0.5em 6px; margin: 0 0 0.5em 7px;
padding: 0; padding: 0;
padding: 2px; padding: 2px;
width: 104px; } width: 103px; }
#conversejs #converse-roster .roster-filter.x { #conversejs #converse-roster .roster-filter.x {
background-position: right 3px center; } background-position: right 3px center; }
#conversejs #converse-roster .roster-filter.onX { #conversejs #converse-roster .roster-filter.onX {
@ -850,8 +850,10 @@
background-color: #F1E2DD; } background-color: #F1E2DD; }
#conversejs .chatbox .dropdown dd ul li:hover { #conversejs .chatbox .dropdown dd ul li:hover {
background-color: #E3C9C1; } background-color: #E3C9C1; }
#conversejs .chatbox .dropdown dd.search-xmpp ul li:hover { #conversejs .chatbox .dropdown dd.search-xmpp ul {
background-color: #F1E2DD; } box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4); }
#conversejs .chatbox .dropdown dd.search-xmpp ul li:hover {
background-color: #F1E2DD; }
#conversejs .chatbox .dropdown dt a span { #conversejs .chatbox .dropdown dt a span {
cursor: pointer; cursor: pointer;
display: block; display: block;

12
sass/converse.scss
View File

@ -735,10 +735,10 @@
border: 1px solid #999; border: 1px solid #999;
font-size: $font-size; font-size: $font-size;
height: $controlbox-dropdown-height; height: $controlbox-dropdown-height;
margin: 0 0 0.5em 6px; margin: 0 0 0.5em 7px;
padding: 0; padding: 0;
padding: 2px; padding: 2px;
width: 104px; width: 103px;
} }
/* (jQ addClass:) if input has value: */ /* (jQ addClass:) if input has value: */
.roster-filter.x { .roster-filter.x {
@ -953,8 +953,12 @@
} }
} }
} }
dd.search-xmpp ul li:hover { dd.search-xmpp ul {
background-color: $light-background-color; box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4);
li:hover {
background-color: $light-background-color;
}
} }
dt a span { dt a span {
cursor: pointer; cursor: pointer;