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

fix(styles): fix active switch in Chrome #2090

Merged
merged 1 commit into from
Oct 19, 2023

Conversation

alizedebray
Copy link
Contributor

No description provided.

@alizedebray alizedebray requested a review from a team as a code owner October 18, 2023 07:01
@alizedebray alizedebray linked an issue Oct 18, 2023 that may be closed by this pull request
@changeset-bot
Copy link

changeset-bot bot commented Oct 18, 2023

🦋 Changeset detected

Latest commit: 2299613

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages
Name Type
@swisspost/design-system-styles Patch
@swisspost/design-system-components-angular Patch
@swisspost/design-system-components Patch
@swisspost/design-system-demo Patch
@swisspost/design-system-documentation Patch
@swisspost/internet-header Patch
@swisspost/design-system-intranet-header Patch
@swisspost/design-system-components-react Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@sonarcloud
Copy link

sonarcloud bot commented Oct 18, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@swisspost-bot
Copy link
Contributor

swisspost-bot commented Oct 18, 2023

Preview environment ready: https://preview-2090--swisspost-web-frontend.netlify.app
Preview environment ready: https://preview-2090--swisspost-design-system-next.netlify.app

@@ -14,6 +14,12 @@
background-color: currentColor;
}

@mixin remove-icon() {
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-mask-image: none;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It should but it is not...

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

It looks like to work with this playground, our browserslist and an older version of Autoprefixer: https://autoprefixer.github.io/

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I also checked the playground but it is currently not working for our package.

The quick fix may be temporary, but it would be nice if we could merge it soon since the bug is in production and we have already received support requests about it. I created ticket #2103 to fix the autoprefixer in another release.

@alizedebray alizedebray merged commit 8d928b6 into main Oct 19, 2023
10 checks passed
@alizedebray alizedebray deleted the 2089-fix-active-switch-in-chrome branch October 19, 2023 08:23
gfellerph pushed a commit that referenced this pull request Oct 24, 2023
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## @swisspost/internet-header@1.11.0

### Minor Changes

- Added a new button to clear the text in the search box. (by
[@b1aserlu](https://github.com/b1aserlu) with
[#2036](#2036))

### Patch Changes

- Added hide-buttons prop to hide all breadcrumbs buttons. (by
[@imagoiq](https://github.com/imagoiq) with
[#2027](#2027))

- Fixed internet-header search focus truncated on focus-within. (by
[@imagoiq](https://github.com/imagoiq) with
[#2043](#2043))

- Compressed styles output. (by [@imagoiq](https://github.com/imagoiq)
with [#2098](#2098))

-   Updated dependencies:
    -   @swisspost/design-system-styles@6.4.2

## @swisspost/design-system-components@1.5.1

### Patch Changes

- Fixed misplaced custom icons in “post-alert” elements with actions.
(by [@alizedebray](https://github.com/alizedebray) with
[#2094](#2094))

- Updated the keyboard navigation on the `post-tabs` component. (by
[@alizedebray](https://github.com/alizedebray) with
[#2093](#2093))

- Fixed tabs count announcement with VoiceOver. (by
[@imagoiq](https://github.com/imagoiq) with
[#2047](#2047))

- Compressed styles output. (by [@imagoiq](https://github.com/imagoiq)
with [#2098](#2098))

-   Updated dependencies:
    -   @swisspost/design-system-styles@6.4.2

## @swisspost/design-system-intranet-header@5.0.2

### Patch Changes

- Changed the main title of the intranet-header from `<h2>` to `<h1>`.
(by [@b1aserlu](https://github.com/b1aserlu) with
[#2104](#2104))
-   Updated dependencies:
    -   @swisspost/design-system-styles@6.4.2

## @swisspost/design-system-styles@6.4.2

### Patch Changes

- Refactored the grid-system: adjusted container paddings, added
responsive gutter-widths. Updated grid docs. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#2045](#2045))

- Added small variants for checkbox and radio buttons. Lowered font-size
of validation blocks for form elements. (by
[@imagoiq](https://github.com/imagoiq) with
[#2086](#2086))

- Fixed missing active tab border on HTML component. (by
[@imagoiq](https://github.com/imagoiq) with
[#2037](#2037))

- Fixed active switch control showing a check icon in Chrome. (by
[@alizedebray](https://github.com/alizedebray) with
[#2090](#2090))

## @swisspost/design-system-documentation@2.2.0

### Minor Changes

- Added a docs page for our spacing utilities (by
[@davidritter-dotcom](https://github.com/davidritter-dotcom) with
[#1988](#1988))

- Added a docs page for our grid-system. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#1947](#1947))

### Patch Changes

- Refactored the grid-system: adjusted container paddings, added
responsive gutter-widths. Updated grid docs. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#2045](#2045))

- Fixed the "fixed" control in the `post-alert` documentation. (by
[@alizedebray](https://github.com/alizedebray) with
[#2094](#2094))

-   Updated dependencies:
    -   @swisspost/internet-header@1.11.0
    -   @swisspost/design-system-components@1.5.1
    -   @swisspost/design-system-styles@6.4.2
    -   @swisspost/design-system-components-react@1.0.19

## @swisspost/design-system-components-angular@3.0.2

### Patch Changes

-   Updated dependencies:
    -   @swisspost/design-system-styles@6.4.2

## @swisspost/design-system-components-react@1.0.19

### Patch Changes

-   Updated dependencies:
    -   @swisspost/design-system-components@1.5.1

## @swisspost/design-system-demo@7.0.2

### Patch Changes

-   Updated dependencies:
    -   @swisspost/design-system-styles@6.4.2
    -   @swisspost/design-system-intranet-header@5.0.2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Fix active switch in Chrome
3 participants