You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
There is slight clip on the bottom border for the tabs in outline variant
here:
It should have a proper bottom without any clip
What version of @mantine/* packages do you have in package.json? (Note that all @mantine/* packages must have the same version in order to work correctly)
7.1.5
If possible, please include a link to a codesandbox with a minimal reproduction
No response
Do you know how to fix the issue
Yes
Do you want to send a pull request with a fix?
None
Possible fix
'&[data-variant=outline]': {
'&[data-orientation=horizontal]': {
'&[data-active]': {
borderColor: `black black var(--mantine-color-body)black`,
'&::after': {
content: '""',
position: 'absolute',
left: '-2px',
bottom: '-2px',
width: '105%',
height: '2px',
backgroundImage: `linear-gradient(to right, black 2px, white 2px, white calc(100% - 2px), black calc(100% - 4px))`,
},
},
},
'&[data-orientation=vertical]': {
'&[data-active]': {
borderColor: `black var(--mantine-color-body) black black}`,
'&::after': {
content: '""',
position: 'absolute',
right: ' -2px',
top: ' -2px',
width: '2px',
height: '109%',
backgroundImage: `linear-gradient(to bottom, black 2px, white 2px, white calc(100% - 2px), black calc(100% - 2px))`,
},
},
},
},
had to add the :after for both vertical and horizontal when active to the tabs element
The text was updated successfully, but these errors were encountered:
What package has an issue?
@mantine/core
Describe the bug
There is slight clip on the bottom border for the tabs in outline variant
here:
It should have a proper bottom without any clip
What version of @mantine/* packages do you have in package.json? (Note that all @mantine/* packages must have the same version in order to work correctly)
7.1.5
If possible, please include a link to a codesandbox with a minimal reproduction
No response
Do you know how to fix the issue
Yes
Do you want to send a pull request with a fix?
None
Possible fix
had to add the :after for both vertical and horizontal when active to the tabs element
The text was updated successfully, but these errors were encountered: