fix mobile rendering
Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
parent
475ba4ddaf
commit
c64c98b9c5
12
website/package-lock.json
generated
12
website/package-lock.json
generated
|
@ -4518,9 +4518,9 @@
|
|||
}
|
||||
},
|
||||
"node_modules/caniuse-lite": {
|
||||
"version": "1.0.30001478",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001478.tgz",
|
||||
"integrity": "sha512-gMhDyXGItTHipJj2ApIvR+iVB5hd0KP3svMWWXDvZOmjzJJassGLMfxRkQCSYgGd2gtdL/ReeiyvMSFD1Ss6Mw==",
|
||||
"version": "1.0.30001542",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001542.tgz",
|
||||
"integrity": "sha512-UrtAXVcj1mvPBFQ4sKd38daP8dEcXXr5sQe6QNNinaPd0iA/cxg9/l3VrSdL73jgw5sKyuQ6jNgiKO12W3SsVA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "opencollective",
|
||||
|
@ -17148,9 +17148,9 @@
|
|||
}
|
||||
},
|
||||
"caniuse-lite": {
|
||||
"version": "1.0.30001478",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001478.tgz",
|
||||
"integrity": "sha512-gMhDyXGItTHipJj2ApIvR+iVB5hd0KP3svMWWXDvZOmjzJJassGLMfxRkQCSYgGd2gtdL/ReeiyvMSFD1Ss6Mw=="
|
||||
"version": "1.0.30001542",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001542.tgz",
|
||||
"integrity": "sha512-UrtAXVcj1mvPBFQ4sKd38daP8dEcXXr5sQe6QNNinaPd0iA/cxg9/l3VrSdL73jgw5sKyuQ6jNgiKO12W3SsVA=="
|
||||
},
|
||||
"ccount": {
|
||||
"version": "1.1.0",
|
||||
|
|
|
@ -10,6 +10,9 @@
|
|||
--white: #e3e3e3;
|
||||
--ifm-navbar-link-color: var(--white);
|
||||
--ifm-navbar-link-hover-color: var(--ifm-color-gray-1000);
|
||||
--ifm-menu-color: var(--white);
|
||||
--ifm-menu-color-background-active: var(--white);
|
||||
--ifm-navbar-background-color: var(--ifm-color-primary);
|
||||
}
|
||||
|
||||
.button.button--outline {
|
||||
|
@ -114,7 +117,6 @@
|
|||
}
|
||||
|
||||
/* Custom navbar dropdown */
|
||||
|
||||
.dropdown--custom div.dropdown__menu {
|
||||
display: flex;
|
||||
font-size: calc(var(--ifm-font-size-base) * 1.2);
|
||||
|
@ -152,3 +154,13 @@
|
|||
padding-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 996px) {
|
||||
.dropdown {
|
||||
width: 100%;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.navbar__link {
|
||||
padding: var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
function generateNavbarDropdown(label, categories, extra) {
|
||||
return `<a aria-haspopup="true" aria-expanded="false" role="button" class="menu__link">${label}</a>
|
||||
return `<a aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link">${label}</a>
|
||||
<div class="dropdown__menu">
|
||||
${categories
|
||||
.map(({ label, items }) => {
|
||||
|
|
Reference in a new issue