From 33bea359ae4eb2602a2a95eea54bc5a6c16845ef Mon Sep 17 00:00:00 2001
From: Javier Godoy <11554739+javier-godoy@users.noreply.github.com>
Date: Fri, 5 Jul 2024 17:45:50 -0300
Subject: [PATCH 1/2] fix: allow tab selection from overflow on entire tab area

Close #17
---
 .../META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css  | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/main/resources/META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css b/src/main/resources/META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css
index c5cc200..ff058be 100644
--- a/src/main/resources/META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css
+++ b/src/main/resources/META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css
@@ -70,6 +70,13 @@ vaadin-menu-bar-list-box[theme="fc-enhanced-tabs"] vaadin-tab[selected]::before,
 vaadin-menu-bar-list-box[theme="fc-enhanced-tabs"] vaadin-tab[selected]::after {
   transform: translateY(50%) scale(1);
 }
+vaadin-menu-bar-list-box vaadin-tab { 
+  flex-grow: 1
+}
+
+vaadin-menu-bar-list-box vaadin-tab a[href] {
+  justify-content: normal;
+}
 
 /*
 :host([orientation="vertical"]) ::slotted(a[href]) {

From 5bee24db6d123b8acb18dea9154af113a9b03104 Mon Sep 17 00:00:00 2001
From: Javier Godoy <11554739+javier-godoy@users.noreply.github.com>
Date: Fri, 5 Jul 2024 17:46:42 -0300
Subject: [PATCH 2/2] style: remove commented out code

---
 .../fcEnhancedTabs/fc-enhanced-tabs.css       | 19 -------------------
 1 file changed, 19 deletions(-)

diff --git a/src/main/resources/META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css b/src/main/resources/META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css
index ff058be..9b6cd66 100644
--- a/src/main/resources/META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css
+++ b/src/main/resources/META-INF/frontend/fcEnhancedTabs/fc-enhanced-tabs.css
@@ -78,24 +78,5 @@ vaadin-menu-bar-list-box vaadin-tab a[href] {
   justify-content: normal;
 }
 
-/*
-:host([orientation="vertical"]) ::slotted(a[href]) {
-  justify-content: normal;
-}
-
-:host([dir="rtl"][selected]:not([orientation="vertical"]))::before, :host([dir="rtl"][selected]:not([orientation="vertical"]))::after {
-  transform: translateX(50%) scale(1);
-}
-
-:host([orientation="vertical"][dir="rtl"]) {
-  transform-origin: 100% 50%;
-}
-
-:host([dir="rtl"][orientation="vertical"])::before, :host([dir="rtl"][orientation="vertical"])::after {
-  left: auto;
-        right: 0;
-        border-radius: var(--lumo-border-radius) 0 0 var(--lumo-border-radius);
-        transform-origin: 0% 50%;
-}*/