git.iko.soy/urbit.org
on master help sign in
Merge pull request #1487 from urbit/mp/sidebar-green

/docs, /understanding-urbit, /using: show current page in sidebars as green

commitf8ae6ffca4fec67e1c935ddcc98cbafbd5ded6be authormatildepark <matilde.park@urbit.org> dateMon 9 May 2022, 10:16 (4 years ago) parent759c5a73b9e035
4 files changed+15−15
compare with master
unifiedsplit
pages/docs/[[...slug]].js+5−4 pages/understanding-urbit/[[...slug]].js+5−5 pages/using/[[...slug]].js+3−4 styles/globals.css+2−2
pages/docs/[[...slug]].js+5−4
@@ -61,9 +61,9 @@ const pageTree = (thisLink, tree, level = 0) => {
6161 });
6262
6363 const pageItemClasses = classnames({
64− "pl-4 text-wall-600 text-base hover:text-green-400": level === 0,
65− "pl-8 text-wall-600 text-base hover:text-green-400": level === 1,
66− "pl-12 text-wall-600 text-base hover:text-green-400": level === 2,
64+ "pl-4 text-base hover:text-green-400": level === 0,
65+ "pl-8 text-base hover:text-green-400": level === 1,
66+ "pl-12 text-base hover:text-green-400": level === 2,
6767 });
6868
6969 return (
@@ -79,12 +79,13 @@ const pageTree = (thisLink, tree, level = 0) => {
7979 const selectedClasses = classnames({
8080 dot: isSelected,
8181 "text-green-400": isSelected,
82+ "text-wall-600": !isSelected,
8283 });
8384 return (
8485 <li>
8586 <Link href={href} passHref>
8687 <a
87− className={`relative inline-block ${pageItemClasses} ${selectedClasses}`}
88+ className={`relative inline-block ${selectedClasses} ${pageItemClasses} `}
8889 >
8990 {title}
9091 </a>
pages/understanding-urbit/[[...slug]].js+5−5
@@ -45,11 +45,11 @@ const pageTree = (thisLink, tree, level = 0) => {
4545 const isThisPage = router.asPath === thisLink;
4646
4747 const pageItemClasses = classnames({
48− "pl-4 text-wall-600 text-base hover:text-green-400": level === 0,
49− "pl-8 text-wall-600 text-base hover:text-green-400": level === 1,
50− "pl-12 text-wall-600 text-base hover:text-green-400": level === 2,
51− "dot relative": isThisPage,
52− "text-green-400": isThisPage,
48+ "pl-4 text-base hover:text-green-400": level === 0,
49+ "pl-8 text-base hover:text-green-400": level === 1,
50+ "pl-12 text-base hover:text-green-400": level === 2,
51+ "dot relative text-green-400": isThisPage,
52+ "text-wall-600": !isThisPage,
5353 });
5454
5555 return (
pages/using/[[...slug]].js+3−4
@@ -60,10 +60,9 @@ const pageTree = (thisLink, tree, level = 0) => {
6060 });
6161
6262 const pageItemClasses = classnames({
63− "pl-4 text-wall-600 text-base hover:text-green-400": level === 0,
64− "pl-8 text-wall-600 text-base hover:text-green-400": level === 1,
65− "pl-12 text-wall-600 text-base hover:text-green-400": level === 2,
66− dot: isThisPage,
63+ "pl-4 text-base hover:text-green-400": level === 0,
64+ "pl-8 text-base hover:text-green-400": level === 1,
65+ "pl-12 text-base hover:text-green-400": level === 2,
6766 });
6867
6968 return (
styles/globals.css+2−2
@@ -203,8 +203,8 @@ a:hover {
203203 border-radius: 99px;
204204 content: "";
205205 position: absolute;
206− left: -0.75rem;
207− top: 0.4rem;
206+ left: -1rem;
207+ top: 33%;
208208 @apply bg-green-400;
209209}
210210