imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

rejig css:

Browse source 
* sans-serif font
 * use display: table for the message list so that everything lines up nicely
 * switch to flexbox layout rather than position absolutes to avoid assuming a full screen UI and improve maintainability (and better match atomify)
 * neutralise the colouring and styling of highlighted rooms in the recents list
 * switch from ul + li's to a series of divs in some places where the li's are achieving nothing but adding more complexity to the DOM
 * add mx_MessageTileType as a generic css base class for all message tiles
This commit is contained in:
Matthew Hodgson 2015-07-07 02:10:10 +01:00
parent aaa38d95ba
commit ffac30083e
15 changed files with 139 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

8
skins/base/css/molecules/RoomTile.css
View file

@ -23,12 +23,10 @@ limitations under the License.
}
.mx_RoomTile.selected {
border: 2px inset #eee;
text-decoration: underline;
}
.mx_RoomTile_name {
font-size: 80%;
font-weight: bold;
}
.mx_RoomTile div {
@ -37,11 +35,11 @@ limitations under the License.
}
.mx_RoomTile.unread {
background-color: #66e;
font-weight: bold;
}
.mx_RoomTile.invited {
background-color: #6e6;
font-weight: bold;
}
.mx_RoomTile:hover {