OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Clean up of the CSS, and refactor to better match current code

pull/1900/head
wmwragg 2016-07-21 14:33:27 +01:00
parent 73bb317925
commit df163d8cb7
1 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
View File

@ -56,14 +56,14 @@ limitations under the License.
*/ */
} }
.collapsed .mx_RoomTile_name {
display: none;
}
.collapsed .mx_RoomTile { .collapsed .mx_RoomTile {
height: 36px; height: 36px;
} }
.collapsed .mx_RoomTile_name {
display: none;
}
.collapsed .mx_RoomTile_badge { .collapsed .mx_RoomTile_badge {
top: -40px; top: -40px;
left: 30px; left: 30px;
@ -74,6 +74,11 @@ limitations under the License.
z-index: 200; z-index: 200;
} }
/* Hide the bottom of speech bubble */
.collapsed .mx_RoomTile_highlight .mx_RoomTile_badge:after {
display: none;
}
/* This is the bottom of the speech bubble */ /* This is the bottom of the speech bubble */
.mx_RoomTile_highlight .mx_RoomTile_badge:after { .mx_RoomTile_highlight .mx_RoomTile_badge:after {
content: ""; content: "";
@ -86,12 +91,6 @@ limitations under the License.
border-right: 10px solid transparent; border-right: 10px solid transparent;
} }
/* Because the specificity of this and the above ".mx_RoomTile_highlight .mx_RoomTile_badge:after"
style are the same, this style needs to be AFTER it to take effect when matched */
.collapsed .mx_RoomTile_badge:after {
display: none;
}
.mx_RoomTile_badge { .mx_RoomTile_badge {
display: inline-block; display: inline-block;
min-width: 14px; min-width: 14px;
@ -109,7 +108,7 @@ style are the same, this style needs to be AFTER it to take effect when matched
padding-right: 4px; padding-right: 4px;
} }
.mx_RoomTile_badge:hover { .mx_RoomTile .mx_RoomTile_badge:hover {
letter-spacing: 0.1em; letter-spacing: 0.1em;
opacity: 1; opacity: 1;
} }
@ -122,7 +121,7 @@ style are the same, this style needs to be AFTER it to take effect when matched
background-color: #ff0064; background-color: #ff0064;
} }
.mx_RoomTile_badge_no_unread { .mx_RoomTile_read .mx_RoomTile_badge {
background-color: rgb(214, 214, 214); background-color: rgb(214, 214, 214);
opacity: 0; opacity: 0;
} }