mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

Initial pass at sticky headers for the LHS panel section labels

Browse source
This commit is contained in:
wmwragg 2016-08-25 19:46:15 +01:00
parent d2e8201d79
commit 4cb1f8a226
2 changed files with 23 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/skins/vector/css/vector-web/structures/RoomSubList.css
View file

@ -20,18 +20,33 @@ limitations under the License.
width: 100%;
}
.mx_RoomSubList_stickyContainer {
height: 29px;
position: relative;
}
.mx_RoomSubList_label {
position: relative;
text-transform: uppercase;
color: #3d3b39;
font-weight: 600;
font-size: 12px;
width: 203px; /* padding + width = LHS Panel width */
height: 17px; /* padding + height = 29px, same as mx_RoomSubList_stickyContainer */
padding-left: 16px; /* gutter */
padding-right: 16px; /* gutter */
padding-top: 6px;
padding-bottom: 6px;
cursor: pointer;
background-color: rgba(118, 207, 166, 0.2);
z-index: 3;
}
.mx_RoomSubList_label.mx_RoomSubList_fixed {
position: fixed;
top: 0;
z-index: 2;
pointer-events: none;
}
.collapsed .mx_RoomSubList_label {