use justify/align-self rather than auto margins, works better in IE11
This commit is contained in:
parent
a21765757d
commit
708893022a
1 changed files with 7 additions and 3 deletions
|
@ -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;
|
||||||
|
|
Reference in a new issue