mirror
/
shoelace
kopia lustrzana https://github.com/shoelace-style/shoelace
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

revert button group RTL styles due to breakage

pull/774/head
Cory LaViska 2022-06-01 10:17:36 -04:00
rodzic 96c63c60a2
commit 707aeb6d65
1 zmienionych plików z 6 dodań i 8 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

14
src/components/button/button.styles.ts
Wyświetl plik

@ -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;
}