diff options
author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2020-09-19 01:02:01 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-09-19 01:02:01 +0300 |
commit | 289bc8e3455fb960f278d50e8a8db684c3252140 (patch) | |
tree | ef344f0b0cc42366f8156790f3632fb8b7e13390 | |
parent | a0e8a78945da0060e2d05171882ccf75f58aaa1c (diff) | |
parent | ada7ad69302f36a1c75bd8f718d79b8b9c97e6b2 (diff) |
Merge pull request #22946 from nextcloud/backport/22924/stable20
[stable20] Make sure most app names don’t ellipsize, fix #22845, fix #22219
-rw-r--r-- | core/css/header.scss | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index e4a22141b06..e87f5f78154 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -433,7 +433,7 @@ nav[role='navigation'] { li { position: relative; cursor: pointer; - margin: 0 2px; + padding: 0 2px; display: flex; justify-content: center; @@ -446,6 +446,9 @@ nav[role='navigation'] { align-items: center; justify-content: center; opacity: .6; + // Make sure most app names don’t ellipsize + letter-spacing: -0.5px; + font-size: 12px; } /* focused app visual feedback */ @@ -453,19 +456,28 @@ nav[role='navigation'] { a:focus, a.active { opacity: 1; + font-weight: bold; + } + + // Text size back to normal for hover/focus + &:hover a, + a:focus { + font-size: 14px; } &:hover a + span, a:focus + span, &:hover span, &:focus span, - a:focus span { + a:focus span, + a.active span { display: inline-block; text-overflow: initial; width: auto; overflow: hidden; padding: 0 5px; z-index: 2; + margin-bottom: -1px; // for vertical alignment } /* hidden apps menu */ @@ -482,7 +494,7 @@ nav[role='navigation'] { position: absolute; color: var(--color-primary-text); bottom: 2px; - width: calc(100% - 4px); + width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; |