skin RoomSubList chevrons, horizontal rules and selected room

This commit is contained in:
Matthew Hodgson 2016-04-14 21:10:55 +01:00
parent 8557a3b70e
commit 96c4a24d3d
11 changed files with 58 additions and 36 deletions

View file

@ -89,7 +89,7 @@ limitations under the License.
margin: auto;
overflow: auto;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid #e5e5e5;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
@ -158,7 +158,7 @@ limitations under the License.
margin-bottom: 8px;
margin-left: 63px;
padding-bottom: 6px;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #e5e5e5;
}
.mx_RoomView_invitePrompt {
@ -212,7 +212,7 @@ hr.mx_RoomView_myReadMarker {
.mx_RoomView_statusAreaBox_line {
margin-left: 65px;
border-top: 1px solid #eee;
border-top: 1px solid #e5e5e5;
height: 1px;
}

View file

@ -84,7 +84,7 @@ limitations under the License.
margin-bottom: 8px;
margin-left: 63px;
padding-bottom: 6px;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #e5e5e5;
}
.mx_UserSettings h3 {

View file

@ -84,7 +84,7 @@ limitations under the License.
}
.mx_MemberList_bottomRule {
border-top: 2px solid #e1dddd;
border-top: 1px solid #e5e5e5;
margin-right: 15px;
}

View file

@ -24,7 +24,6 @@ limitations under the License.
max-width: 960px;
margin: auto;
height: 83px;
border-bottom: 1px solid #eeeeee;
-webkit-align-items: center;
align-items: center;
@ -36,10 +35,6 @@ limitations under the License.
display: flex;
}
.mx_RoomHeader_editing .mx_RoomHeader_wrapper {
border-bottom: 1px solid transparent;
}
.mx_RoomHeader_leftRow {
margin-left: -2px;

View file

@ -23,7 +23,7 @@ limitations under the License.
.mx_RoomTile_avatar {
display: table-cell;
padding-right: 8px;
padding-right: 11px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 20px;
@ -121,18 +121,34 @@ limitations under the License.
}
.mx_RoomTile_selected .mx_RoomTile_name {
color: #76cfa6 ! important;
}
.mx_RoomTile_highlight .mx_RoomTile_name {
color: #ff0064 ! important;
}
.mx_RoomTile.mx_RoomTile_selected .mx_RoomTile_avatar {
padding-right: 7px;
}
.mx_RoomTile.mx_RoomTile_selected .mx_RoomTile_name span {
display: inline-block;
position: relative;
width: 100%;
padding: 4px;
margin-top: -4px;
margin-bottom: -4px;
border-radius: 2px;
background-color: rgba(118,207,166,0.2);
}
/*
.mx_RoomTile.mx_RoomTile_selected .mx_RoomTile_name {
background: url('img/selected.png');
background-repeat: no-repeat;
background-position: right center;
}
*/
.mx_RoomTile_arrow {
position: absolute;

View file

@ -21,6 +21,7 @@ limitations under the License.
.mx_TabCompleteBar_item {
display: inline-block;
margin-right: 15px;
margin-bottom: 2px;
cursor: pointer;
}

View file

@ -19,7 +19,7 @@ limitations under the License.
max-width: 960px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #e5e5e5;
}
.mx_TopUnreadMessagesBar_scrollUp {