diff options
| author | Luc Donnet | 2018-01-19 15:27:04 +0100 |
|---|---|---|
| committer | GitHub | 2018-01-19 15:27:04 +0100 |
| commit | de37a9ecbc12b7e6cab3546e549bf9de74ac8bde (patch) | |
| tree | 67e03becec36b5d36fab4fc7b9f65c4f4d8a4766 | |
| parent | f8755d7c9693be54e2c0d800e7a6c26939a15c91 (diff) | |
| parent | f715e258311b487a2df90431c6629c18b3eb1f98 (diff) | |
| download | chouette-core-de37a9ecbc12b7e6cab3546e549bf9de74ac8bde.tar.bz2 | |
Merge pull request #201 from af83/5466-fix-title-overflow-in-stick-header
5466 Fix truncation in the sticky header
| -rw-r--r-- | app/assets/stylesheets/components/_main_nav.sass | 32 |
1 files changed, 10 insertions, 22 deletions
diff --git a/app/assets/stylesheets/components/_main_nav.sass b/app/assets/stylesheets/components/_main_nav.sass index f102c4617..2af070389 100644 --- a/app/assets/stylesheets/components/_main_nav.sass +++ b/app/assets/stylesheets/components/_main_nav.sass @@ -245,7 +245,7 @@ $menuW: 300px & > .menu-item max-width: 75% - + .menu-item padding: 0 10px @@ -337,47 +337,35 @@ $menuW: 300px height: $menuH padding: 0 50px 0 75px margin-top: -4px + display: flex > * display: inline-block &.sticky-ptitle - width: 60% + flex: 1 1 height: $menuH + position: relative h1 - position: relative + position: absolute + left: 0 + right: 10px + top: 0 line-height: 1.1 white-space: nowrap max-height: 1.1em margin: 0 -1.4em 0 0 padding: 0 1.4em 5px 0 overflow: hidden - - &:before - content: '[...]' - font-size: 0.65em - position: absolute - z-index: 6 - right: 0 - bottom: 9px - - &:after - content: '' - position: absolute - z-index: 5 - right: 0 - width: 1.4em - height: 1em - margin-top: 0.2em - background-color: $blue + text-overflow: ellipsis .small.fa color: #fff margin-left: 0.5em &.sticky-paction - width: 40% + flex: 0 0 auto text-align: right vertical-align: top |