dan / 6338: Follow up css fix (#6880)

* updating css to suck less * updating snapshot for css update
CDCgov · Oct 30, 2023 · 72b9e5b · 72b9e5b
1 parent 2cf88cd
commit 72b9e5b
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 7 deletions.
diff --git a/frontend/src/app/Settings/Users/ManageUsers.scss b/frontend/src/app/Settings/Users/ManageUsers.scss
@@ -16,11 +16,6 @@
       margin-block-start: 1em;
       margin-block-end: 1em;
     }
-
-    .users-secondary-nav {
-      max-height: 44rem;
-      overflow-y: scroll;
-    }
   }
 
   .users-sidenav-item:hover {

diff --git a/frontend/src/app/Settings/Users/UsersSideNav.tsx b/frontend/src/app/Settings/Users/UsersSideNav.tsx
@@ -30,7 +30,7 @@ const UsersSideNav: React.FC<Props> = ({
     <div className="display-block users-sidenav">
       <h2 className="users-sidenav-header">Users</h2>
       <nav
-        className="prime-secondary-nav users-secondary-nav"
+        className="prime-secondary-nav maxh-tablet-lg overflow-y-scroll"
         aria-label="Tertiary navigation"
       >
         <div

diff --git a/frontend/src/app/Settings/Users/__snapshots__/ManageUsersContainer.test.tsx.snap b/frontend/src/app/Settings/Users/__snapshots__/ManageUsersContainer.test.tsx.snap
@@ -34,7 +34,7 @@ exports[`ManageUsersContainer loads the component and displays users successfull
           </h2>
           <nav
             aria-label="Tertiary navigation"
-            class="prime-secondary-nav users-secondary-nav"
+            class="prime-secondary-nav maxh-tablet-lg overflow-y-scroll"
           >
             <div
               aria-owns="user-tab-3a4a221d-a8ca-42b3-aa03-37b93266025b user-tab-1029653e-24d9-428e-83b0-468319948902 user-tab-17656bad-08b6-4fd4-bb9a-ccac54e5ea0a user-tab-60bb9e3a-fe8a-4b81-b894-b01649c95e70 user-tab-0d3fa224-3d56-4382-b89c-9d8e415e59b3 user-tab-17656bad-07b6-4fd4-bb9a-ccbc54e5ea0a"