js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

revert button group RTL styles due to breakage

Browse Source
This commit is contained in:
Cory LaViska
2022-06-01 10:17:36 -04:00
parent 96c63c60a2
commit 707aeb6d65
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/button/button.styles.ts
View File

@@ -534,9 +534,8 @@ export default css`
*/
:host(.sl-button-group__button--first:not(.sl-button-group__button--last)) .button {
border-inline-end-width: 0;
/* border-top-right-radius: 0; */
/* border-bottom-right-radius: 0; */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
:host(.sl-button-group__button--inner) .button {
@@ -544,14 +543,13 @@ export default css`
}
:host(.sl-button-group__button--last:not(.sl-button-group__button--first)) .button {
border-start-start-radius: 0;
/* border-top-left-radius: 0;
border-bottom-left-radius: 0; */
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* All except the first */
:host(.sl-button-group__button:not(.sl-button-group__button--first)) {
margin-inline-start: calc(-1 * var(--sl-input-border-width));
margin-left: calc(-1 * var(--sl-input-border-width));
}
/* Add a visual separator between solid buttons */
@@ -562,7 +560,7 @@ export default css`
top: 0;
left: 0;
bottom: 0;
border-inline-start-style: solid 1px rgb(128 128 128 / 33%);
border-left: solid 1px rgb(128 128 128 / 33%);
mix-blend-mode: multiply;
}