Merge pull request #815 from vrk-kpa/feature/navs-without-uppercase

[Feature] SideNav & ServiceNav: Remove forced uppercases
vrk-kpa · Dec 20, 2023 · 24ed70c · 24ed70c
2 parents 238d013 + dc0e6ae
commit 24ed70c
Show file tree

Hide file tree

Showing 4 changed files with 0 additions and 14 deletions.
diff --git a/...igation/ServiceNavigation/ServiceNavigation/__snapshots__/ServiceNavigation.test.tsx.snap b/...igation/ServiceNavigation/ServiceNavigation/__snapshots__/ServiceNavigation.test.tsx.snap
@@ -338,7 +338,6 @@ exports[`should match snapshot 1`] = `
   display: -ms-flexbox;
   display: flex;
   padding: 10px 20px;
-  text-transform: uppercase;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
@@ -427,7 +426,6 @@ exports[`should match snapshot 1`] = `
   display: flex;
   padding: 10px 25px;
   padding-left: calc(20px - 4px);
-  text-transform: uppercase;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;

diff --git a/...e/Navigation/ServiceNavigation/ServiceNavigationItem/ServiceNavigationItem.baseStyles.tsx b/...e/Navigation/ServiceNavigation/ServiceNavigationItem/ServiceNavigationItem.baseStyles.tsx
@@ -32,7 +32,6 @@ export const baseStyles = (theme: SuomifiTheme) => css`
       color: ${theme.colors.blackBase};
       display: flex;
       padding: ${theme.spacing.xs} ${theme.spacing.m};
-      text-transform: uppercase;
       flex: 1;
       cursor: pointer;
       background: inherit;
@@ -94,7 +93,6 @@ export const baseStyles = (theme: SuomifiTheme) => css`
         display: flex;
         padding: ${theme.spacing.xs} ${theme.spacing.l};
         padding-left: calc(${theme.spacing.m} - 4px);
-        text-transform: uppercase;
         flex: 1;
 
         &:hover,

diff --git a/src/core/Navigation/SideNavigation/SideNavigation/__snapshots__/SideNavigation.test.tsx.snap b/src/core/Navigation/SideNavigation/SideNavigation/__snapshots__/SideNavigation.test.tsx.snap
@@ -476,17 +476,12 @@ exports[`calling render with the same component on the same container does not r
 }
 
 .c7.fi-side-navigation-item--level-1.fi-side-navigation-item--selected > span > .fi-link--router {
-  text-transform: uppercase;
   color: hsl(0,0%,100%);
   font-weight: 600;
   background: hsl(212,63%,45%);
   border-radius: 4px;
 }
 
-.c7.fi-side-navigation-item--level-1 > span > .fi-link--router {
-  text-transform: uppercase;
-}
-
 .c7.fi-side-navigation-item--level-2.fi-side-navigation-item--selected > span > .fi-link--router {
   font-weight: 600;
   background: hsl(212,63%,45%);

diff --git a/src/core/Navigation/SideNavigation/SideNavigationItem/SideNavigationItem.baseStyles.tsx b/src/core/Navigation/SideNavigation/SideNavigationItem/SideNavigationItem.baseStyles.tsx
@@ -84,17 +84,12 @@ export const baseStyles = (theme: SuomifiTheme) => css`
     &--level-1 {
       &.fi-side-navigation-item--selected {
         > span > .fi-link--router {
-          text-transform: uppercase;
           color: ${theme.colors.whiteBase};
           font-weight: 600;
           background: ${theme.colors.highlightBase};
           border-radius: ${theme.radiuses.modal};
         }
       }
-
-      > span > .fi-link--router {
-        text-transform: uppercase;
-      }
     }
 
     &--level-2 {