summaryrefslogtreecommitdiffstats
path: root/themes
diff options
context:
space:
mode:
authorAnna Koskinen <Ansku@users.noreply.github.com>2018-10-10 13:26:13 +0300
committerGitHub <noreply@github.com>2018-10-10 13:26:13 +0300
commit4e5cf07e6c8c94c12ef9d8b274c0c54b5e0fe423 (patch)
tree7d70edaf71bc254a9bacf88ba6ca8791c290183d /themes
parent16764a20786326b891b4d2fc80512a61a7c53d3e (diff)
downloadvaadin-framework-4e5cf07e6c8c94c12ef9d8b274c0c54b5e0fe423.tar.gz
vaadin-framework-4e5cf07e6c8c94c12ef9d8b274c0c54b5e0fe423.zip
Updates to scrolled TabSheet resize logic and Valo right-alignment. (#11133)
- When a TabSheet is scrolled to an end and then resized bigger, more tabs should appear to the left. - When a TabSheet is right-aligned in Valo and scrolled to the end, last tab shouldn't be partially hidden behind the scroller buttons. - Shouldn't allow attempts to scroll into directions where there is nothing left to scroll to, even if the current tab isn't fully visible. Fixes #807
Diffstat (limited to 'themes')
-rw-r--r--themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss8
1 files changed, 8 insertions, 0 deletions
diff --git a/themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss b/themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss
index 9287c97b66..e0fa665020 100644
--- a/themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss
+++ b/themes/src/main/themes/VAADIN/themes/valo/components/_tabsheet.scss
@@ -131,6 +131,14 @@ $v-tabsheet-content-animation-enabled: $v-animations-enabled !default;
.#{$primary-stylename}-right-aligned-tabs {
@include valo-tabsheet-align-tabs-style($align: right);
+
+ .#{$primary-stylename}-spacertd {
+ display: inline-block !important;
+ }
+
+ .#{$primary-stylename}-scroller {
+ padding-left: 9px;
+ }
}
.#{$primary-stylename}-padded-tabbar {