mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

style grid button

Browse source
This commit is contained in:
Bruno Windels 2020-10-07 17:59:28 +02:00
parent ddda03d82c
commit bd959bc147
1 changed files with 32 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/ui/web/css/themes/element/theme.css
View file

@ -117,6 +117,24 @@ button.styled {
font-weight: 500; font-weight: 500;
} }
button.utility {
width: 32px;
height: 32px;
background-position: center;
background-color: #e1e3e6;
background-repeat: no-repeat;
border: none;
border-radius: 100%;
}
button.utility.grid {
background-image: url('icons/enable-grid.svg');
}
button.utility.grid.on {
background-image: url('icons/disable-grid.svg');
}
.FilterField { .FilterField {
background-color: #e1e3e6; background-color: #e1e3e6;
border-radius: 16px; border-radius: 16px;
@ -185,6 +203,15 @@ button.styled {
.LeftPanel { .LeftPanel {
background: rgba(245, 245, 245, 0.90); background: rgba(245, 245, 245, 0.90);
font-size: 1.5rem; font-size: 1.5rem;
padding: 12px 0 0 8px;
}
.LeftPanel .utilities {
margin-right: 8px;
}
.LeftPanel .utilities :not(:first-child) {
margin-left: 8px;
} }
.LeftPanel .filter { .LeftPanel .filter {
@ -202,8 +229,8 @@ button.styled {
} }
.LeftPanel li { .LeftPanel li {
margin: 3px 10px; margin: 12px 0;
padding: 5px; padding-right: 5px;
/* vertical align */ /* vertical align */
align-items: center; align-items: center;
} }
@ -265,6 +292,8 @@ a {
.RoomPlaceholderView { .RoomPlaceholderView {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center;
padding: 20px;
} }
.SessionPickerView li { .SessionPickerView li {
@ -303,12 +332,6 @@ a {
color: #FF4B55; color: #FF4B55;
} }
/*.RoomGridView > :not(.focused) .MessageComposer {
display: none;
}
*/
.RoomGridView > div.container { .RoomGridView > div.container {
border-right: 1px solid rgba(245, 245, 245, 0.90); border-right: 1px solid rgba(245, 245, 245, 0.90);
border-bottom: 1px solid rgba(245, 245, 245, 0.90); border-bottom: 1px solid rgba(245, 245, 245, 0.90);
@ -316,7 +339,7 @@ a {
.RoomGridView > div.focus-ring { .RoomGridView > div.focus-ring {
border: 2px solid rgba(134, 193, 165, 1); border: 2px solid rgba(134, 193, 165, 1);
border-radius: 2px; border-radius: 12px;
} }
.RoomHeader { .RoomHeader {