Resourceadm: use module classname instead of global classname for sr-…

…only class (#13429)
Altinn · Aug 29, 2024 · 17d5672 · 17d5672
1 parent bc4ee37
commit 17d5672
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/resourceadm/components/AccessListMembers/AccessListMembers.module.css b/frontend/resourceadm/components/AccessListMembers/AccessListMembers.module.css
@@ -56,7 +56,7 @@
   width: 45%;
 }
 
-.sr-only {
+.srOnly {
   position: absolute;
   width: 1px;
   height: 1px;

diff --git a/frontend/resourceadm/components/AccessListMembers/AccessListMembersTable.tsx b/frontend/resourceadm/components/AccessListMembers/AccessListMembersTable.tsx
@@ -83,7 +83,7 @@ export const AccessListMembersTable = ({
       headerCellClass: cn(hiddenHeaderClassName, classes.smallColumn),
       bodyCellFormatter: (value: string) => (
         <>
-          <div className='sr-only'>{stringNumberToAriaLabel(value)}</div>
+          <div className={classes.srOnly}>{stringNumberToAriaLabel(value)}</div>
           <div aria-hidden='true'>{value}</div>
         </>
       ),