Fixed #2165 - Lara scrollable Tabview highlight defect
parent
aa98cd43bd
commit
b6cc6e148d
|
@ -5385,15 +5385,6 @@
|
||||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
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 {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
background-color: #93C5FD;
|
background-color: #93C5FD;
|
||||||
|
|
|
@ -5385,15 +5385,6 @@
|
||||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
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 {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
background-color: #A5B4FC;
|
background-color: #A5B4FC;
|
||||||
|
|
|
@ -5385,15 +5385,6 @@
|
||||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
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 {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
background-color: #C4B5FD;
|
background-color: #C4B5FD;
|
||||||
|
|
|
@ -5385,15 +5385,6 @@
|
||||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
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 {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
background-color: #5EEAD4;
|
background-color: #5EEAD4;
|
||||||
|
|
|
@ -5385,15 +5385,6 @@
|
||||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
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 {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
background-color: #3B82F6;
|
background-color: #3B82F6;
|
||||||
|
|
|
@ -5385,15 +5385,6 @@
|
||||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
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 {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
background-color: #6366F1;
|
background-color: #6366F1;
|
||||||
|
|
|
@ -5385,15 +5385,6 @@
|
||||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
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 {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
background-color: #8B5CF6;
|
background-color: #8B5CF6;
|
||||||
|
|
|
@ -5385,15 +5385,6 @@
|
||||||
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
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 {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
background-color: #14B8A6;
|
background-color: #14B8A6;
|
||||||
|
|
Loading…
Reference in New Issue