Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Temporary fix for Chrome's problem with rendering mask images #1414

Merged
merged 2 commits into from
Sep 26, 2024
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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
Loading