diff --git a/CHANGELOG.md b/CHANGELOG.md index 0abf9fe..2516e56 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,10 @@ # CHANGELOG +## v8.1.11 +### Changed +- Added global class ellipsis-left to display tree structure-type items where the +text at the end of the string is more relevant than the text at the beginning + ## v8.1.10 ### Changed - Added $size-75 sizing constant (6rem) diff --git a/package.json b/package.json index f600226..2b0e33f 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@microsoft/azure-iot-ux-fluent-css", "description": "Azure IoT common styles library for CSS, Colors and Themes", - "version": "8.1.10", + "version": "8.1.11", "license": "MIT", "main": "lib/index.js", "types": "lib/index.d.ts", diff --git a/src/_normalize.scss b/src/_normalize.scss index 83d6dac..c2b11ba 100644 --- a/src/_normalize.scss +++ b/src/_normalize.scss @@ -217,6 +217,19 @@ white-space: nowrap; } + .ellipsis-left { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + direction: rtl; + text-align: left; + + @include rtl { + direction: ltr; + text-align: right; + } + } + .hidden { display: none !important; }