wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 1077513 - Stop Loop's contacts display squashing the avatar when a contact has a long name. r=Mardak

Browse Source
This commit is contained in:
Mark Banner 2015-09-10 12:01:16 +01:00
parent 5eb79cbfbe
commit cd89ebda95
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
browser/components/loop/content/css/contacts.css
View File

@ -165,14 +165,7 @@ html[dir="rtl"] .contact-filter {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} flex: auto;
.contact:hover > .details {
/* Hovering the contact shows the icons/ buttons, which takes up horizontal
* space. This causes the fixed-size avatar to resize horizontally, so we assign
* a flex value equivalent to the maximum pixel value to avoid the resizing
* to happen. Consider this a hack. */
flex: 190;
} }
.contact > .avatar { .contact > .avatar {
@ -188,6 +181,7 @@ html[dir="rtl"] .contact-filter {
background-color: #4ba6e7; background-color: #4ba6e7;
background-size: contain; background-size: contain;
-moz-user-select: none; -moz-user-select: none;
flex: none;
} }
/* /*
@ -305,9 +299,10 @@ html[dir="rtl"] .contact-filter {
.icons { .icons {
cursor: pointer; cursor: pointer;
display: none; display: none;
-moz-margin-start: auto; -moz-margin-start: 10px;
color: #fff; color: #fff;
-moz-user-select: none; -moz-user-select: none;
flex: none;
} }
.icons:hover { .icons:hover {