Merge pull request #21452 from overleaf/mf-fix-bs5-navbar

[web] Add missing css rules for the `primary` navbar link item style

GitOrigin-RevId: a1e2428f994af52c8af01371eca39cc16526566c
This commit is contained in:
M Fahru 2024-10-31 08:50:53 -07:00 committed by Copybot
parent 51e41c99d8
commit 81395a9b9e
2 changed files with 20 additions and 0 deletions

View file

@ -33,6 +33,13 @@
--navbar-subdued-hover-bg: var(--white); --navbar-subdued-hover-bg: var(--white);
--navbar-subdued-hover-color: var(--green-50); --navbar-subdued-hover-color: var(--green-50);
// Properties of "primary" items
--navbar-primary-color: var(--white);
--navbar-primary-border-color: var(--green-50);
--navbar-primary-bg: var(--green-50);
--navbar-primary-hover-bg: var(--green-60);
--navbar-primary-hover-border-color: var(--navbar-primary-hover-bg);
// Links // Links
--navbar-link-color: var(--white); --navbar-link-color: var(--white);
--navbar-link-border-color: var(--navbar-link-color); --navbar-link-border-color: var(--navbar-link-color);

View file

@ -84,6 +84,19 @@
background-color: var(--navbar-subdued-hover-bg); background-color: var(--navbar-subdued-hover-bg);
} }
} }
&.primary > .nav-link {
color: var(--navbar-primary-color);
background-color: var(--navbar-primary-bg);
border-color: var(--navbar-primary-border-color);
&.show,
&:hover,
&:focus {
background-color: var(--navbar-primary-hover-bg);
border-color: var(--navbar-primary-hover-border-color);
}
}
} }
} }