vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #6017 - TABS: Globally enabling Ripple breaks Scrollable Tabs

pull/6101/head
tugcekucukoglu 2024-07-22 12:48:47 +03:00
parent fab0c62dd5
commit de7773ab37
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/primevue/src/tabs/style/TabsStyle.js
View File

@ -7,6 +7,7 @@ const theme = ({ dt }) => `
} }
.p-tablist { .p-tablist {
display: flex;
position: relative; position: relative;
} }
@ -35,9 +36,14 @@ const theme = ({ dt }) => `
border-width: ${dt('tabs.tablist.border.width')}; border-width: ${dt('tabs.tablist.border.width')};
} }
.p-tablist-content {
flex-grow: 1;
}
.p-tablist-nav-button { .p-tablist-nav-button {
all: unset; all: unset;
position: absolute; position: absolute !important;
flex-shrink: 0;
top: 0; top: 0;
z-index: 2; z-index: 2;
height: 100%; height: 100%;
@ -73,6 +79,7 @@ const theme = ({ dt }) => `
} }
.p-tab { .p-tab {
flex-shrink: 0;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
position: relative; position: relative;