diff options
| author | Matthias Held <ilovemilk@wusa.io> | 2018-08-28 14:59:41 +0300 |
|---|---|---|
| committer | Matthias Held <ilovemilk@wusa.io> | 2018-08-28 14:59:41 +0300 |
| commit | f410ca7af805007a6bcda6ced5adce79521b5ea1 (patch) | |
| tree | 8d2108a37b5b190aa2039b9d4db94068a0b51792 /css | |
| parent | 758c5dfbe2e4ac54d457406f4624fb9c89142db5 (diff) | |
Fix truncation of long filenames
Diffstat (limited to 'css')
| -rw-r--r-- | css/style.scss | 47 |
1 files changed, 32 insertions, 15 deletions
diff --git a/css/style.scss b/css/style.scss index 4fb97d5..fe495d3 100644 --- a/css/style.scss +++ b/css/style.scss @@ -117,6 +117,38 @@ } &.file-name { width: 50%; + position: relative; + max-width: 0; + .name-text { + flex-grow: 1; + display: flex; + padding: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + height: 100%; + z-index: 10; + } + span { + &.inner-name-text { + text-overflow: ellipsis; + overflow: hidden; + position: relative; + vertical-align: top; + } + &.extension { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + opacity: 1; + -webkit-transition: opacity 300ms; + -moz-transition: opacity 300ms; + -o-transition: opacity 300ms; + transition: opacity 300ms; + vertical-align: top; + color: #2A2A2A; + font-weight: bold; + } + } } } } @@ -149,21 +181,6 @@ background-size: 16px 16px; } -span { - &.extension { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - filter: alpha(opacity=100); - opacity: 1; - -webkit-transition: opacity 300ms; - -moz-transition: opacity 300ms; - -o-transition: opacity 300ms; - transition: opacity 300ms; - vertical-align: top; - color: #2A2A2A; - font-weight: bold; - } -} - table { td { padding: 0 15px; |