Merge a817ec0 into c6e38b5

vaadin · Jul 12, 2018 · a10a54e · a10a54e
2 parents c6e38b5 + a817ec0
commit a10a54e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/demo/tabs-lumo-theme-demos.html b/demo/tabs-lumo-theme-demos.html
@@ -111,6 +111,17 @@ <h3>Hide Scroll Buttons</h3>
       </template>
     </vaadin-demo-snippet>
 
+    <h3>Centered</h3>
+    <vaadin-demo-snippet id='tabs-lumo-theme-demos-centered'>
+      <template preserve-content>
+        <vaadin-tabs theme="centered">
+          <vaadin-tab>Tab one</vaadin-tab>
+          <vaadin-tab>Tab two</vaadin-tab>
+          <vaadin-tab>Tab three</vaadin-tab>
+        </vaadin-tabs>
+      </template>
+    </vaadin-demo-snippet>
+
     <h3>Small Size</h3>
     <vaadin-demo-snippet id='tabs-lumo-theme-demos-small-size'>
       <template preserve-content>

diff --git a/theme/lumo/vaadin-tabs-styles.html b/theme/lumo/vaadin-tabs-styles.html
@@ -121,6 +121,12 @@
         margin-left: var(--lumo-space-m);
       }
 
+      /* Centered */
+
+      :host([theme~="centered"][orientation="horizontal"]) [part="tabs"] {
+        justify-content: center;
+      }
+
       /* Small */
 
       :host([theme~="small"]),