Update: (Fixes liferay#685) Navbar .navbar-text-truncate should hav…

…e max-width 200px and use rem instead of px/em
pat270 · Mar 2, 2018 · ed654ec · ed654ec
1 parent 326dbf7
commit ed654ec
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/clay/src/scss/atlas/variables/_badges.scss b/packages/clay/src/scss/atlas/variables/_badges.scss
@@ -5,7 +5,7 @@ $badge-line-height: 0.875rem !default // 14px
 $badge-padding-x: 0.25rem !default; // 4px
 $badge-padding-y: 0 !default;
 
-$badge-lexicon-icon-height: 0.8em !default;
+$badge-lexicon-icon-height: 0.8rem !default;
 
 $badge-pill-border-radius: $border-radius !default;
 $badge-pill-padding-x: 0.25rem !default; // 4px

diff --git a/packages/clay/src/scss/variables/_navbar.scss b/packages/clay/src/scss/variables/_navbar.scss
@@ -9,7 +9,7 @@ $navbar-title-font-weight: $font-weight-semi-bold !default;
 $navbar-title-margin-bottom: 0 !default;
 $navbar-title-text-transform: null !default;
 
-$navbar-text-truncate-spacer-right: 25px !default;
-$navbar-text-truncate-max-width: 140px !default;
+$navbar-text-truncate-spacer-right: 1.5625rem !default; // 25px
+$navbar-text-truncate-max-width: 12.5rem !default; // 200px
 
 $navbar-toggler-cursor: null !default;