git.iko.soy/urbit.org
on master help sign in
/docs, /understanding-urbit, /using: show current page as green
commit5fc0d4d9cb65f5b40f54e2b72e3e313651fc09cb authorMatilde Park <matilde.park@urbit.org> dateFri 6 May 2022, 20:10 (4 years ago) parent8035b45
3 files changed+13−13
compare with master
unifiedsplit
pages/docs/[[...slug]].js+5−4 pages/understanding-urbit/[[...slug]].js+5−5 pages/using/[[...slug]].js+3−4
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 (