imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Iterate paddings

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-05-21 16:52:36 +01:00
parent 7e7c48e046
commit 5995a27ced
1 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
res/css/structures/_ToastContainer.scss
View file

@ -46,7 +46,6 @@ limitations under the License.
column-gap: 10px; column-gap: 10px;
row-gap: 4px; row-gap: 4px;
padding: 8px; padding: 8px;
padding-right: 16px;
&.mx_Toast_hasIcon { &.mx_Toast_hasIcon {
&::after { &::after {
@ -68,12 +67,27 @@ limitations under the License.
background-image: url("$(res)/img/e2e/warning.svg"); background-image: url("$(res)/img/e2e/warning.svg");
} }
h2, .mx_Toast_body { .mx_Toast_title, .mx_Toast_body {
grid-column: 2; grid-column: 2;
} }
} }
&:not(.mx_Toast_hasIcon) {
padding-left: 12px;
.mx_Toast_title {
grid-column: 1 / -1;
}
}
.mx_Toast_title,
.mx_Toast_description {
padding-right: 8px;
}
.mx_Toast_title { .mx_Toast_title {
width: 100%;
box-sizing: border-box;
h2 { h2 {
grid-column: 1 / 3; grid-column: 1 / 3;
grid-row: 1; grid-row: 1;