From 2fcfe39a1d413a5d6c78100e22d1e440d6a99599 Mon Sep 17 00:00:00 2001
From: Saurabh Kumar <theskumar@users.noreply.github.com>
Date: Tue, 26 Sep 2023 12:28:45 +0530
Subject: [PATCH] Fix layout of primary navigation on ipad/medium screen
(#3582)
Fixes #3581
---
.../navigation/templates/navigation/primarynav-apply.html | 2 +-
hypha/static_src/src/sass/apply/components/_nav.scss | 7 +++++--
2 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/hypha/public/navigation/templates/navigation/primarynav-apply.html b/hypha/public/navigation/templates/navigation/primarynav-apply.html
index 72f836648..0980776ac 100644
--- a/hypha/public/navigation/templates/navigation/primarynav-apply.html
+++ b/hypha/public/navigation/templates/navigation/primarynav-apply.html
@@ -1,5 +1,5 @@
{% if request.user.is_authenticated %}
- <nav role="navigation" aria-label="Primary">
+ <nav role="navigation" aria-label="Primary" class="w-full">
<ul class="nav nav--primary" role="menubar">
{% if request.user.is_apply_staff %}
{% include "navigation/primarynav-apply-item.html" with name="My dashboard" url="dashboard:dashboard" %}
diff --git a/hypha/static_src/src/sass/apply/components/_nav.scss b/hypha/static_src/src/sass/apply/components/_nav.scss
index b96b60e8c..2a3a61049 100644
--- a/hypha/static_src/src/sass/apply/components/_nav.scss
+++ b/hypha/static_src/src/sass/apply/components/_nav.scss
@@ -17,15 +17,18 @@
@include media-query(tablet-portrait) {
flex-direction: row;
justify-content: center;
+ gap: 2rem;
margin-top: 0;
text-transform: none;
}
+
+ @include media-query(tablet-landscape) {
+ gap: 3rem;
+ }
}
&__item {
@include media-query(tablet-portrait) {
- margin-right: 75px;
-
&:last-child {
margin-right: 0;
}
--
GitLab