git.iko.soy/urbit.org
on master help sign in
Merge pull request #1487 from urbit/mp/sidebar-green
f8ae6ffmatildepark
pages/docs/[[...slug]].js+5−4
compare with master
unifiedsplit
@@ -61,9 +61,9 @@ const pageTree = (thisLink, tree, level = 0) => {
61 });
61 });
62
62
63 const pageItemClasses = classnames({
63 const pageItemClasses = classnames({
64− "pl-4 text-wall-600 text-base hover:text-green-400": level === 0,
64+ "pl-4 text-base hover:text-green-400": level === 0,
65− "pl-8 text-wall-600 text-base hover:text-green-400": level === 1,
65+ "pl-8 text-base hover:text-green-400": level === 1,
66− "pl-12 text-wall-600 text-base hover:text-green-400": level === 2,
66+ "pl-12 text-base hover:text-green-400": level === 2,
67 });
67 });
68
68
69 return (
69 return (
@@ -79,12 +79,13 @@ const pageTree = (thisLink, tree, level = 0) => {
79 const selectedClasses = classnames({
79 const selectedClasses = classnames({
80 dot: isSelected,
80 dot: isSelected,
81 "text-green-400": isSelected,
81 "text-green-400": isSelected,
82+ "text-wall-600": !isSelected,
82 });
83 });
83 return (
84 return (
84 <li>
85 <li>
85 <Link href={href} passHref>
86 <Link href={href} passHref>
86 <a
87 <a
87− className={`relative inline-block ${pageItemClasses} ${selectedClasses}`}
88+ className={`relative inline-block ${selectedClasses} ${pageItemClasses} `}
88 >
89 >
89 {title}
90 {title}
90 </a>
91 </a>
pages/understanding-urbit/[[...slug]].js+5−5
@@ -45,11 +45,11 @@ const pageTree = (thisLink, tree, level = 0) => {
45 const isThisPage = router.asPath === thisLink;
45 const isThisPage = router.asPath === thisLink;
46
46
47 const pageItemClasses = classnames({
47 const pageItemClasses = classnames({
48− "pl-4 text-wall-600 text-base hover:text-green-400": level === 0,
48+ "pl-4 text-base hover:text-green-400": level === 0,
49− "pl-8 text-wall-600 text-base hover:text-green-400": level === 1,
49+ "pl-8 text-base hover:text-green-400": level === 1,
50− "pl-12 text-wall-600 text-base hover:text-green-400": level === 2,
50+ "pl-12 text-base hover:text-green-400": level === 2,
51− "dot relative": isThisPage,
51+ "dot relative text-green-400": isThisPage,
52− "text-green-400": isThisPage,
52+ "text-wall-600": !isThisPage,
53 });
53 });
54
54
55 return (
55 return (
pages/using/[[...slug]].js+3−4
@@ -60,10 +60,9 @@ const pageTree = (thisLink, tree, level = 0) => {
60 });
60 });
61
61
62 const pageItemClasses = classnames({
62 const pageItemClasses = classnames({
63− "pl-4 text-wall-600 text-base hover:text-green-400": level === 0,
63+ "pl-4 text-base hover:text-green-400": level === 0,
64− "pl-8 text-wall-600 text-base hover:text-green-400": level === 1,
64+ "pl-8 text-base hover:text-green-400": level === 1,
65− "pl-12 text-wall-600 text-base hover:text-green-400": level === 2,
65+ "pl-12 text-base hover:text-green-400": level === 2,
66− dot: isThisPage,
67 });
66 });
68
67
69 return (
68 return (
styles/globals.css+2−2
@@ -203,8 +203,8 @@ a:hover {
203 border-radius: 99px;
203 border-radius: 99px;
204 content: "";
204 content: "";
205 position: absolute;
205 position: absolute;
206− left: -0.75rem;
206+ left: -1rem;
207− top: 0.4rem;
207+ top: 33%;
208 @apply bg-green-400;
208 @apply bg-green-400;
209}
209}
210
210