8e1e446cb8
* doc(tabs): update shortcode syntax to use new syntax - Changed tab shortcode syntax from `items` to `name` for better clarity and consistency in multiple language documentation. - Updated related examples in Persian, Japanese, and Simplified Chinese to reflect the new syntax. - Adjusted the sidebar CSS to correct a z-index value for improved layout behavior on mobile devices. * fix(sidebar, toc): update CSS classes for improved layout and text wrapping - Adjusted the sidebar CSS class to use a new transform syntax for better compatibility. - Updated the table of contents link class to ensure proper text wrapping behavior. * chore: recompile css * fix(css): update CSS classes for improved text wrapping - Changed `break-words` to `wrap-break-word` in multiple CSS files to enhance text wrapping behavior. - Adjusted the `.hextra-code-filename` and typography styles for better compatibility and consistency.
22 lines
584 B
CSS
22 lines
584 B
CSS
@media (max-width: 48rem) {
|
|
.hextra-sidebar-container {
|
|
@apply hx:fixed hx:pt-[calc(var(--navbar-height)+var(--hextra-banner-height))] hx:top-0 hx:w-full hx:bottom-0 hx:z-15 hx:overscroll-contain hx:bg-white hx:dark:bg-dark;
|
|
transition: transform 0.4s cubic-bezier(0.52, 0.16, 0.04, 1);
|
|
will-change: transform, opacity;
|
|
contain: layout style;
|
|
backface-visibility: hidden;
|
|
}
|
|
}
|
|
|
|
.hextra-sidebar-container {
|
|
li > div {
|
|
@apply hx:h-0;
|
|
}
|
|
li.open > div {
|
|
@apply hx:h-auto hx:pt-1;
|
|
}
|
|
li.open > a > span > svg > path {
|
|
@apply hx:rotate-90;
|
|
}
|
|
}
|