From 569a469aeb5afe62ffe94cd6f09076d17de61444 Mon Sep 17 00:00:00 2001
From: Blesilda Ramirez <ramirezblesilda@gmail.com>
Date: Thu, 12 Sep 2024 03:49:58 +0800
Subject: [PATCH] pkp/pkp-lib#9890 Remove app__nav css in Page container vue

---
 src/components/Container/Page.vue    | 67 ----------------------------
 src/components/SideMenu/SideMenu.vue |  2 +-
 2 files changed, 1 insertion(+), 68 deletions(-)

diff --git a/src/components/Container/Page.vue b/src/components/Container/Page.vue
index fb925ebfd..d00f9a05a 100644
--- a/src/components/Container/Page.vue
+++ b/src/components/Container/Page.vue
@@ -371,73 +371,6 @@ export default {
 	align-items: stretch;
 }
 
-.app__nav {
-	flex: 0 0 15rem;
-	padding-top: 1.5rem;
-	padding-left: 0.5rem;
-	padding-right: 0.5rem;
-	font-size: @font-sml;
-	line-height: 1.5rem;
-
-	ul {
-		margin: 0;
-		padding: 0;
-		list-style: none;
-	}
-}
-
-.app__navGroup {
-	margin-top: 2rem;
-	margin-bottom: 2rem;
-}
-
-.app__navItem {
-	display: inline-block;
-	padding: 0.25rem 0.5rem;
-	color: @bg-anchor;
-
-	.app__navItem {
-		padding-left: 0;
-		padding-right: 0;
-	}
-}
-
-.app__navItem--hasSubmenu {
-	font-weight: @bold;
-}
-
-a.app__navItem {
-	text-decoration: none;
-
-	&:hover {
-		color: @primary;
-	}
-
-	&:focus {
-		box-shadow: 0 0 0 1px @primary;
-		border-radius: @radius;
-		outline: 0;
-		color: @bg-anchor;
-	}
-}
-
-a.app__navItem--isCurrent {
-	background: @bg-anchor;
-	border-radius: @radius;
-	font-weight: bold;
-	color: #fff;
-
-	&:hover {
-		color: #fff;
-	}
-
-	&:focus {
-		box-shadow: none;
-		background: @primary;
-		color: #fff;
-	}
-}
-
 .app__main {
 	padding: 1rem;
 	width: 100%;
diff --git a/src/components/SideMenu/SideMenu.vue b/src/components/SideMenu/SideMenu.vue
index 11ed3c7b5..69d3160d5 100644
--- a/src/components/SideMenu/SideMenu.vue
+++ b/src/components/SideMenu/SideMenu.vue
@@ -193,7 +193,7 @@ a.text-on-dark:active {
 	color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-/* In this case we need to set the font-color of the <a data-pc-section="itemlink"> if the current focus is in the header section */
+/* In this case we need to set the font-color of the <a data-pc-section="itemlink"> if the current focus is in the <div data-pc-section="header"> */
 div[data-pc-section='header']:focus-visible a {
 	@apply text-on-dark;
 }