Merge pull request #217 from TheSecretOrganization/153-make-navbar-br…

…anding-rediret-to-home-clickable 153 make navbar branding rediret to home clickable
TheSecretOrganization · Oct 11, 2024 · 772adc1 · 772adc1
2 parents 816af4d + f0d5de5
commit 772adc1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/django/src/pages/templates/extends/base.html b/django/src/pages/templates/extends/base.html
@@ -1,6 +1,6 @@
 <div id="navbar-wrapper">
 	<nav class="navbar">
-		<b class="navbar-brand nav navbar-nav navbar-left">Johnny Depp</b>
+		<a class="navbar-brand nav navbar-nav navbar-left link-info text-decoration-none" data-route href="/">Johnny Depp</a>
 		{% if user.is_authenticated %}
 		<div class="container-dropdown">
 			<div class="dropdown">

diff --git a/nginx/src/css/navbar.css b/nginx/src/css/navbar.css
@@ -9,8 +9,8 @@
 
 .navbar-brand {
 	color: white;
-	padding-left: 5rem;
-}
+	margin-left: 5rem;
+}	
 
 .div-navbar-profile {
 	display: inline;
@@ -38,4 +38,4 @@
 
 .dropdown-toggle::after {
 	display: none;
-}
+}
diff --git a/nginx/src/css/styles.css b/nginx/src/css/styles.css
@@ -7,6 +7,7 @@
 	--text-clr: #000;
 	--accent-clr: #470d0d;
 	--secondary-text-clr: #000;
+	--selection-clr: #257AFD;
 
 	--navbar-height: 4.2rem;
 	--sidebar-width: 6rem;
@@ -58,3 +59,8 @@ body {
 	display: flex;
 	width: 100%;
 }
+
+a:focus {
+	border: 0.1rem solid var(--selection-clr) !important;
+	border-radius: 0.3rem !important;
+}