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

Undo formatting/stylistic changes

Browse source 
Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
RMidhunSuresh 2021-06-03 21:03:02 +05:30
parent 3273682155
commit 8d254c91e3
4 changed files with 65 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
src/platform/web/ui/css/themes/element/theme.css
View file

@ -47,37 +47,14 @@ limitations under the License.
color: white; color: white;
} }
.hydrogen .avatar.usercolor1 { .hydrogen .avatar.usercolor1 { background-color: var(--usercolor1); }
background-color: var(--usercolor1); .hydrogen .avatar.usercolor2 { background-color: var(--usercolor2); }
} .hydrogen .avatar.usercolor3 { background-color: var(--usercolor3); }
.hydrogen .avatar.usercolor4 { background-color: var(--usercolor4); }
.hydrogen .avatar.usercolor2 { .hydrogen .avatar.usercolor5 { background-color: var(--usercolor5); }
background-color: var(--usercolor2); .hydrogen .avatar.usercolor6 { background-color: var(--usercolor6); }
} .hydrogen .avatar.usercolor7 { background-color: var(--usercolor7); }
.hydrogen .avatar.usercolor8 { background-color: var(--usercolor8); }
.hydrogen .avatar.usercolor3 {
background-color: var(--usercolor3);
}
.hydrogen .avatar.usercolor4 {
background-color: var(--usercolor4);
}
.hydrogen .avatar.usercolor5 {
background-color: var(--usercolor5);
}
.hydrogen .avatar.usercolor6 {
background-color: var(--usercolor6);
}
.hydrogen .avatar.usercolor7 {
background-color: var(--usercolor7);
}
.hydrogen .avatar.usercolor8 {
background-color: var(--usercolor8);
}
.logo { .logo {
height: 48px; height: 48px;
@ -196,8 +173,7 @@ a.button-action {
border-radius: 16px; border-radius: 16px;
height: 32px; height: 32px;
align-items: center; align-items: center;
padding-left: 30px; padding-left: 30px; /* 8 + 14 (icon) + 8*/
/* 8 + 14 (icon) + 8*/
box-sizing: border-box; box-sizing: border-box;
} }
@ -226,16 +202,13 @@ a.button-action {
} }
.FilterField button { .FilterField button {
width: 30px; width: 30px; /* 32 - 1 (top) - 1 (bottom) */
/* 32 - 1 (top) - 1 (bottom) */ height: 30px; /* 32 - 1 (top) - 1 (bottom) */
height: 30px;
/* 32 - 1 (top) - 1 (bottom) */
background-position: center; background-position: center;
background-color: #e1e3e6; background-color: #e1e3e6;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url('icons/clear.svg'); background-image: url('icons/clear.svg');
border: 7px solid transparent; border: 7px solid transparent; /* 8 - 1 */
/* 8 - 1 */
border-radius: 100%; border-radius: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
@ -453,8 +426,7 @@ a {
.middle-header { .middle-header {
box-sizing: border-box; box-sizing: border-box;
flex: 0 0 56px; flex: 0 0 56px; /* 12 + 32 + 12 to align with filter field + margin */
/* 12 + 32 + 12 to align with filter field + margin */
background: white; background: white;
padding: 0 16px; padding: 0 16px;
border-bottom: 1px solid rgba(245, 245, 245, 0.90); border-bottom: 1px solid rgba(245, 245, 245, 0.90);
@ -619,14 +591,21 @@ button.link {
.lightbox { .lightbox {
background-color: rgba(0,0,0,0.75); background-color: rgba(0,0,0,0.75);
display: grid; display: grid;
grid-template: "content close" auto "content details" 1fr / 1fr auto; grid-template:
"content close" auto
"content details" 1fr /
1fr auto;
color: white; color: white;
padding: 4px; padding: 4px;
} }
@media (max-aspect-ratio: 1/1) { @media (max-aspect-ratio: 1/1) {
.lightbox { .lightbox {
grid-template: "close" auto "content" 1fr "details" auto / 1fr; grid-template:
"close" auto
"content" 1fr
"details" auto /
1fr;
} }
.lightbox .details { .lightbox .details {
width: 100% !important; width: 100% !important;
@ -720,7 +699,10 @@ button.link {
.InviteView_roomProfile { .InviteView_roomProfile {
display: grid; display: grid;
gap: 4px; gap: 4px;
grid-template: "avatar name" auto "avatar description" 1fr / 72px 1fr; grid-template:
"avatar name" auto
"avatar description" 1fr /
72px 1fr;
align-self: center; align-self: center;
margin-bottom: 24px; margin-bottom: 24px;
} }