Skip to content

Commit

Permalink
Fixed #13371 - TabView | Last element is not visible when scrolling=true
Browse files Browse the repository at this point in the history
  • Loading branch information
@cetincakiroglu
cetincakiroglu committed Jul 26, 2023
1 parent 3d5eda8 commit 209400c
Show file tree
Hide file tree
Showing 48 changed files with 144 additions and 0 deletions.
3 changes: 3 additions & 0 deletions src/assets/components/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #383838;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #383838;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #383838;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #383838;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/bootstrap4-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4351,6 +4351,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #3f4b5b;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #3f4b5b;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/bootstrap4-dark-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4351,6 +4351,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #3f4b5b;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #3f4b5b;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/bootstrap4-light-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4351,6 +4351,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/bootstrap4-light-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4351,6 +4351,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/fluent-light/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #edebe9;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/lara-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #0b213f;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #0b213f;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/lara-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #0b213f;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #0b213f;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/lara-dark-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #0b213f;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #0b213f;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/lara-dark-teal/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #0b213f;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #0b213f;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/lara-light-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/lara-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/lara-light-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/lara-light-teal/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/luna-amber/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #4b4b4b;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/luna-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #4b4b4b;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/luna-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #4b4b4b;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/luna-pink/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #4b4b4b;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/md-dark-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: rgba(255, 255, 255, 0.12);
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/md-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: rgba(255, 255, 255, 0.12);
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/md-light-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: rgba(0, 0, 0, 0.12);
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/md-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: rgba(0, 0, 0, 0.12);
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/mdc-dark-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: rgba(255, 255, 255, 0.12);
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.75rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/mdc-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: rgba(255, 255, 255, 0.12);
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.75rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/mdc-light-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: rgba(0, 0, 0, 0.12);
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.75rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/mdc-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: rgba(0, 0, 0, 0.12);
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.75rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/mira/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4367,6 +4367,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #c2c7d1;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 2px solid #E5E9F0;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/nano/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/nova-accent/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #d8dae2;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/nova-alt/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #d8dae2;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/nova/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #d8dae2;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/rhea/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dadada;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/saga-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/saga-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/saga-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/saga-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #dee2e6;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 2.357rem;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
Expand Down
3 changes: 3 additions & 0 deletions src/assets/components/themes/soho-dark/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
background: #3e4053;
}

.p-tabview .p-tabview-nav-content {
scroll-padding-inline: 3rem;
}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #3e4053;
Expand Down
Loading

0 comments on commit 209400c

Please sign in to comment.