pull/5756/head
tugcekucukoglu 2024-05-15 12:56:35 +03:00
commit 988c01b8fe
4 changed files with 30 additions and 3 deletions

View File

@ -115,6 +115,12 @@ const theme = ({ dt }) => `
outline: 0 none; outline: 0 none;
} }
.p-tabpanel:focus-visible {
box-shadow: ${dt('tabs.tabpanel.focus.ring.shadow')};
outline: ${dt('tabs.tabpanel.focus.ring.width')} ${dt('tabs.tabpanel.focus.ring.style')} ${dt('tabs.tabpanel.focus.ring.color')};
outline-offset: ${dt('tabs.tabpanel.focus.ring.offset')};
}
.p-tablist-active-bar { .p-tablist-active-bar {
z-index: 1; z-index: 1;
display: block; display: block;

View File

@ -30,7 +30,14 @@ export default {
tabpanel: { tabpanel: {
background: '{content.background}', background: '{content.background}',
color: '{content.color}', color: '{content.color}',
padding: '0.875rem 1.125rem 1.125rem 1.125rem' padding: '0.875rem 1.125rem 1.125rem 1.125rem',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: 'inset {focus.ring.shadow}'
}
}, },
navButton: { navButton: {
background: '{content.background}', background: '{content.background}',

View File

@ -26,7 +26,14 @@ export default {
tabpanel: { tabpanel: {
background: '{content.background}', background: '{content.background}',
color: '{content.color}', color: '{content.color}',
padding: '0.875rem 1.125rem 1.125rem 1.125rem' padding: '0.875rem 1.125rem 1.125rem 1.125rem',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: 'inset {focus.ring.shadow}'
}
}, },
navButton: { navButton: {
background: '{content.background}', background: '{content.background}',

View File

@ -29,7 +29,14 @@ export default {
tabpanel: { tabpanel: {
background: '{content.background}', background: '{content.background}',
color: '{content.color}', color: '{content.color}',
padding: '0.875rem 1.125rem 1.125rem 1.125rem' padding: '0.875rem 1.125rem 1.125rem 1.125rem',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: 'inset {focus.ring.shadow}'
}
}, },
navButton: { navButton: {
background: '{content.background}', background: '{content.background}',