From 321818cbc6913401f023106b2010c13622c5504a Mon Sep 17 00:00:00 2001 From: Yuriy Yevstihnyeyev Date: Wed, 22 Jan 2020 13:14:55 +0200 Subject: [PATCH] Add RTL specific styles --- test/visual/rtl.html | 32 ++++++++++++++++++ .../rtl-list-box-lumo/list-box/chrome.png | Bin 0 -> 4601 bytes .../rtl-list-box-lumo/list-box/firefox.png | Bin 0 -> 4954 bytes .../rtl-list-box-material/list-box/chrome.png | Bin 0 -> 5814 bytes .../list-box/firefox.png | Bin 0 -> 4862 bytes test/visual/test.js | 7 ++++ theme/lumo/vaadin-list-box-styles.html | 7 ++++ theme/material/vaadin-list-box-styles.html | 6 ++++ 8 files changed, 52 insertions(+) create mode 100644 test/visual/rtl.html create mode 100644 test/visual/screens/vaadin-list-box/rtl-list-box-lumo/list-box/chrome.png create mode 100644 test/visual/screens/vaadin-list-box/rtl-list-box-lumo/list-box/firefox.png create mode 100644 test/visual/screens/vaadin-list-box/rtl-list-box-material/list-box/chrome.png create mode 100644 test/visual/screens/vaadin-list-box/rtl-list-box-material/list-box/firefox.png diff --git a/test/visual/rtl.html b/test/visual/rtl.html new file mode 100644 index 0000000..0d493df --- /dev/null +++ b/test/visual/rtl.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + +
+ + Item 0 + Item 1 + Item 2 (selected) + Item 3 (disabled) + Item 4 + +
+ diff --git a/test/visual/screens/vaadin-list-box/rtl-list-box-lumo/list-box/chrome.png b/test/visual/screens/vaadin-list-box/rtl-list-box-lumo/list-box/chrome.png new file mode 100644 index 0000000000000000000000000000000000000000..8b272cfd2ca43b7304864c75bfbcb78527f068fd GIT binary patch literal 4601 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%0DpM~g_b{}dG5TLQkZLysg)+C482%MVmN0J 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 literal 0 HcmV?d00001 diff --git a/test/visual/screens/vaadin-list-box/rtl-list-box-material/list-box/firefox.png b/test/visual/screens/vaadin-list-box/rtl-list-box-material/list-box/firefox.png new file mode 100644 index 0000000000000000000000000000000000000000..f52f899c73c44962a33161fb7b381fc0681ac367 GIT binary patch literal 4862 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 IGm(G!FD=B>W&i*H literal 0 HcmV?d00001 diff --git a/test/visual/test.js b/test/visual/test.js index 4602307..6f48bae 100644 --- a/test/visual/test.js +++ b/test/visual/test.js @@ -20,6 +20,13 @@ gemini.suite('vaadin-list-box', function(rootSuite) { .setCaptureElements('#list-box-tests') .capture('list-box'); }); + + gemini.suite(`rtl-list-box-${theme}`, function(suite) { + suite + .setUrl(`rtl.html?theme=${theme}`) + .setCaptureElements('#rtl-list-box-tests') + .capture('list-box'); + }); }); }); diff --git a/theme/lumo/vaadin-list-box-styles.html b/theme/lumo/vaadin-list-box-styles.html index 9c1212d..76d60dc 100644 --- a/theme/lumo/vaadin-list-box-styles.html +++ b/theme/lumo/vaadin-list-box-styles.html @@ -71,6 +71,13 @@ margin: var(--lumo-space-s) var(--lumo-border-radius); background-color: var(--lumo-contrast-10pct); } + + /* RTL specific styles */ + + :host([dir="rtl"]) [part="items"] ::slotted(vaadin-item) { + padding-left: calc(var(--lumo-space-l) + var(--lumo-border-radius) / 4); + padding-right: var(--_lumo-list-box-item-padding-left, calc(var(--lumo-border-radius) / 4)); + } diff --git a/theme/material/vaadin-list-box-styles.html b/theme/material/vaadin-list-box-styles.html index 41b47f2..32350d3 100644 --- a/theme/material/vaadin-list-box-styles.html +++ b/theme/material/vaadin-list-box-styles.html @@ -56,6 +56,12 @@ margin: 8px 0; background-color: var(--material-divider-color); } + + /* RTL specific styles */ + + :host([dir="rtl"]) [part="items"] ::slotted(vaadin-item) { + padding: 8px 10px 8px 32px; + }