From b6cc6e148dc1e2432a5f54903bcd7dc39a6593b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Tue, 15 Feb 2022 12:03:28 +0300 Subject: [PATCH] Fixed #2165 - Lara scrollable Tabview highlight defect --- public/themes/lara-dark-blue/theme.css | 9 --------- public/themes/lara-dark-indigo/theme.css | 9 --------- public/themes/lara-dark-purple/theme.css | 9 --------- public/themes/lara-dark-teal/theme.css | 9 --------- public/themes/lara-light-blue/theme.css | 9 --------- public/themes/lara-light-indigo/theme.css | 9 --------- public/themes/lara-light-purple/theme.css | 9 --------- public/themes/lara-light-teal/theme.css | 9 --------- 8 files changed, 72 deletions(-) diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 0e5392bff..4a164940d 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -5385,15 +5385,6 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #93C5FD; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #93C5FD; diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 83a857c02..885d13b23 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -5385,15 +5385,6 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #A5B4FC; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #A5B4FC; diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 4aa280644..ddd7d1151 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -5385,15 +5385,6 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #C4B5FD; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #C4B5FD; diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index ee6bede9d..4eda972a8 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -5385,15 +5385,6 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #5EEAD4; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #5EEAD4; diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 413c1da6e..e78158fe0 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -5385,15 +5385,6 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #3B82F6; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #3B82F6; diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index 442d571d4..bb4b378eb 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -5385,15 +5385,6 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #6366F1; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #6366F1; diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 87f99e459..b64ada773 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -5385,15 +5385,6 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #8B5CF6; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #8B5CF6; diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 4239dcade..d65e4abb2 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -5385,15 +5385,6 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #14B8A6; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #14B8A6;