Responsive fixes for nav

PublicisSapient · Sep 16, 2024 · 6a6dfdf · 6a6dfdf
1 parent e03063b
commit 6a6dfdf
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 14 deletions.
diff --git a/css/pause-anim-control.css b/css/pause-anim-control.css
diff --git a/css/shared/all.css b/css/shared/all.css
diff --git a/css/shared/landmarks.css b/css/shared/landmarks.css
diff --git a/less/pause-anim-control.less b/less/pause-anim-control.less
@@ -19,11 +19,14 @@
 
 .play-pause-anim {
     &__background-pill {
-        font-size: 1.125rem;
+        font-size: 1rem;
         background-color: @dark-grey;
         border-radius: 25px;
         display: inline-flex;
         align-items: center;
+        @media @tablet, @desktop {
+            font-size: 1.125rem;
+        }
     }
 
     &__checkbox-container {
@@ -35,16 +38,18 @@
         text-align: center;
         display: flex;
         flex-direction: row;
-        //margin-right: 40px;
-        margin: 0 30px;
+        margin: 0 30px 0 20px;
 
         @media @desktop {
             margin: 0;
         }
 
         label {
             cursor: pointer;
-            padding: 10px 20px;
+            padding: 10px 12px;
+            @media @desktop {
+                padding: 10px 20px;
+            }
         }
 
         .pause-button {

diff --git a/less/shared/landmarks.less b/less/shared/landmarks.less
@@ -9,7 +9,6 @@
 body {
     margin: 0;
     position: relative;
-    min-width: @min-screen-width;
 }
 
 header,

diff --git a/templates/includes/documentation-header.php b/templates/includes/documentation-header.php
@@ -10,8 +10,7 @@
         <!-- Enable Logo (link to homepage) -->
         <div class="enable-logo">
             <a href="/">
-                <img src="images/accessible-text-svg/logo-enable-white.svg" alt="" role="presentation" />
-                <span class="sr-only">Enable</span>
+                <img src="images/accessible-text-svg/logo-enable-white.svg" alt="Enable Logo" />
             </a>
         </div>
         <!-- Here is the main menu will be placed by our global.js Javascript -->
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,7 +9,6 @@ @@
     body {
         margin: 0;
         position: relative;
-        min-width: @min-screen-width;
     }
     header,
@@ Expand Down @@