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 24465c5
Show file tree
Hide file tree
Showing 4 changed files with 37 additions and 5 deletions.
36 changes: 31 additions & 5 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,38 @@

### Deprecations


### 🛡 Security


### 📈 Features/Enhancements


### 🐛 Bug Fixes

- Add Temporary fix for Chrome's problem with rendering mask images ([#1414](https://github.com/opensearch-project/oui/pull/1414))

### 🚞 Infrastructure


### 📝 Documentation


### 🛠 Maintenance


### 🪛 Refactoring


### 🔩 Tests

## [`1.13.0`](https://github.com/opensearch-project/oui/tree/1.13)

### Deprecations

- Deprecate `aria-label` and `data-test-subj` of OuiSearchBar which have never been consumed despite being defined ([#1381](https://github.com/opensearch-project/oui/pull/1381))
- Deprecate the unexported `OuiBreadcrumbsSimplified` ([#1401](https://github.com/opensearch-project/oui/pull/1401))


### 🛡 Security

- [CVE-2024-39338] Bumps `axios` from 1.6.2 to 1.7.4 ([#1357](https://github.com/opensearch-project/oui/pull/1357))
Expand All @@ -19,6 +47,8 @@
- Expand the definitions of `$ouiBreakpoints` to include `xxl` and `xxxl` ([#1387](https://github.com/opensearch-project/oui/pull/1387))
- Remove scaling of heading elements ([#1389](https://github.com/opensearch-project/oui/pull/1389))
- Make the space between search bar and table rows match the compressed state of the search box ([#1391](https://github.com/opensearch-project/oui/pull/1391))
- Update primary color for the v9 light theme ([#1398](https://github.com/opensearch-project/oui/pull/1398))
- Update colors for the v9 theme ([#1402](https://github.com/opensearch-project/oui/pull/1402))
- Add CSS breakpoints to OuiBreakpointSize ([#1401](https://github.com/opensearch-project/oui/pull/1401))
- Allow limiting the allowed breakpoints when calling `getBreakpoint()` ([#1401](https://github.com/opensearch-project/oui/pull/1401))
- Adjust number of responsive breadcrumbs shown per breakpoint ([#1401](https://github.com/opensearch-project/oui/pull/1401))
Expand All @@ -34,8 +64,6 @@
- Display the last breadcrumb in a nested breadcrumb as a normal breadcrumb ([#1401](https://github.com/opensearch-project/oui/pull/1401))
- Limit allowed breakpoints to those provided by the `responsive` prop of Oui*Breadcrumbs ([#1401](https://github.com/opensearch-project/oui/pull/1401))

### 🚞 Infrastructure

### 📝 Documentation

- Add a playground for OuiDatePicker ([#1380](https://github.com/opensearch-project/oui/pull/1380))
Expand All @@ -49,8 +77,6 @@

- Refactor OuiSimplifiedBreadcrumbs into its own folder ([#1401](https://github.com/opensearch-project/oui/pull/1401))

### 🔩 Tests


## [`1.12.0`](https://github.com/opensearch-project/oui/tree/1.12)

Expand Down
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 24465c5

Please sign in to comment.