Skip to content

Commit

Permalink
Temporary fix for Chrome's problem with rendering mask images
Browse files Browse the repository at this point in the history
Signed-off-by: Miki <[email protected]>
  • Loading branch information
AMoo-Miki committed Sep 20, 2024
1 parent a6c3ca9 commit f285375
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 0 deletions.
2 changes: 2 additions & 0 deletions src/global_styling/mixins/_shadow.scss
Original file line number Diff line number Diff line change
Expand Up @@ -120,8 +120,10 @@

@if ($direction == 'y') {
mask-image: linear-gradient(to bottom, #{$gradient});
contain: paint;
} @else if ($direction == 'x') {
mask-image: linear-gradient(to right, #{$gradient});
contain: paint;
} @else {
@warn "ouiOverflowShadow() expects direction to be 'y' or 'x' but got '#{$direction}'";
}
Expand Down
2 changes: 2 additions & 0 deletions src/themes/oui-next/global_styling/mixins/_shadow.scss
Original file line number Diff line number Diff line change
Expand Up @@ -120,8 +120,10 @@

@if ($direction == 'y') {
mask-image: linear-gradient(to bottom, #{$gradient});
contain: paint;
} @else if ($direction == 'x') {
mask-image: linear-gradient(to right, #{$gradient});
contain: paint;
} @else {
@warn "ouiOverflowShadow() expects direction to be 'y' or 'x' but got '#{$direction}'";
}
Expand Down
2 changes: 2 additions & 0 deletions src/themes/v9/global_styling/mixins/_shadow.scss
Original file line number Diff line number Diff line change
Expand Up @@ -120,8 +120,10 @@

@if ($direction == 'y') {
mask-image: linear-gradient(to bottom, #{$gradient});
contain: paint;
} @else if ($direction == 'x') {
mask-image: linear-gradient(to right, #{$gradient});
contain: paint;
} @else {
@warn "ouiOverflowShadow() expects direction to be 'y' or 'x' but got '#{$direction}'";
}
Expand Down

0 comments on commit f285375

Please sign in to comment.