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

use justify/align-self rather than auto margins, works better in IE11

Browse source
This commit is contained in:
Bruno Windels 2020-10-30 22:52:08 +01:00
parent a21765757d
commit 708893022a
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -686,17 +686,21 @@ button.link {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: auto; align-self: center;
justify-self: center;
} }
.lightbox .loading { .lightbox .loading {
grid-area: content; grid-area: content;
margin: auto; align-self: center;
justify-self: center;
display: flex;
} }
.lightbox .close { .lightbox .close {
display: block;
grid-area: close; grid-area: close;
margin-left: auto; justify-self: end;
background-image: url('icons/dismiss.svg'); background-image: url('icons/dismiss.svg');
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;