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

fixes #783

pull/792/head
Cory LaViska 2022-06-09 09:23:33 -04:00
rodzic b1e6770712
commit 3e5da7c25a
3 zmienionych plików z 11 dodań i 7 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
docs/index.html
Wyświetl plik

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" dir="rtl">
<head>
<meta charset="UTF-8" />
<title>Shoelace: A forward-thinking library of web components.</title>

4
docs/resources/changelog.md
Wyświetl plik

@ -6,6 +6,10 @@ Components with the <sl-badge variant="warning" pill>Experimental</sl-badge> bad
_During the beta period, these restrictions may be relaxed in the event of a mission-critical bug._ 🐛
## Next
- Improved RTL styles for `<sl-button-group>` [#783](https://github.com/shoelace-style/shoelace/issues/783)
## 2.0.0-beta.75
- Added Persian translation [#774](https://github.com/shoelace-style/shoelace/pull/774)

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

@ -540,8 +540,8 @@ export default css`
*/
:host(.sl-button-group__button--first:not(.sl-button-group__button--last)) .button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-start-end-radius: 0;
border-end-end-radius: 0;
}
:host(.sl-button-group__button--inner) .button {
@ -549,13 +549,13 @@ export default css`
}
:host(.sl-button-group__button--last:not(.sl-button-group__button--first)) .button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-start-start-radius: 0;
border-end-start-radius: 0;
}
/* All except the first */
:host(.sl-button-group__button:not(.sl-button-group__button--first)) {
margin-left: calc(-1 * var(--sl-input-border-width));
margin-inline-start: calc(-1 * var(--sl-input-border-width));
}
/* Add a visual separator between solid buttons */
@ -564,7 +564,7 @@ export default css`
content: '';
position: absolute;
top: 0;
left: 0;
inset-inline-start: 0;
bottom: 0;
border-left: solid 1px rgb(128 128 128 / 33%);
mix-blend-mode: multiply;