inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-2305] Process app tiles on process workspace landing page show "…" in Firefox (#2963)

Browse Source 
* [ADF-2305] Process app tiles on process workspace landing page show "..." in Firefox

* [ADF-2305] Removed multi-line ellipsis work around for Firefox
* [ADF-2305] Added multi-line or single line ellpsis conditionally

* * [ADF-2305] Imported line-clamp mixin from core mixins
This commit is contained in:
Deepak Paul
2018-02-21 17:37:00 +05:30
committed by Eugenio Romano
parent 9e8fb2b6ea
commit ec3b208b84
3 changed files with 119 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
lib/core/styles/_mixins.scss
View File

@@ -30,31 +30,21 @@
}
@mixin line-clamp($line-height: 1.25, $lines: 3) {
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
position: relative;
line-height: $line-height;
padding: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: $lines;
height: calc(0.99em * #{$line-height} * #{$lines});
&:after {
content: '...';
text-align: right;
bottom: 0;
right: 0;
width: 25%;
display: block;
position: absolute;
height: calc(0.99em * #{$line-height});
}
}
@supports (-webkit-line-clamp: 1) {
.line-clamp:after {
display: none !important;
@supports (-webkit-line-clamp: 1) {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: $lines;
height: calc(0.99em * #{$line-height} * #{$lines});
}
@supports not (-webkit-line-clamp: 1) {
white-space: nowrap;
width: 100%;
}
}