diff options
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/components/_popover.scss | 1 | ||||
-rw-r--r-- | webapp/sass/layout/_headers.scss | 10 | ||||
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 10 | ||||
-rw-r--r-- | webapp/sass/responsive/_tablet.scss | 16 |
4 files changed, 21 insertions, 16 deletions
diff --git a/webapp/sass/components/_popover.scss b/webapp/sass/components/_popover.scss index 46e83f32d..90573c7ec 100644 --- a/webapp/sass/components/_popover.scss +++ b/webapp/sass/components/_popover.scss @@ -242,6 +242,7 @@ border-top: 1px solid; cursor: pointer; height: 45px; + overflow: hidden; padding: 5px 19px 5px 17px; &:hover { diff --git a/webapp/sass/layout/_headers.scss b/webapp/sass/layout/_headers.scss index b515e40cf..1ca81c880 100644 --- a/webapp/sass/layout/_headers.scss +++ b/webapp/sass/layout/_headers.scss @@ -197,13 +197,13 @@ display: inline-block; height: 35px; margin-top: -10px; - max-width: calc(100vw - 720px); + max-width: calc(100vw - 740px); overflow: hidden; padding: 3px 0 0; position: relative; text-overflow: ellipsis; top: 10px; - white-space: nowrap; + white-space: pre; word-break: break-word; .markdown__heading { @@ -212,7 +212,7 @@ } .multi-teams & { - max-width: calc(100vw - 790px); + max-width: calc(100vw - 810px); } &.light { @@ -226,10 +226,10 @@ } .move--left & { - max-width: calc(100vw - 790px); + max-width: calc(100vw - 810px); .multi-teams & { - max-width: calc(100vw - 840px); + max-width: calc(100vw - 860px); } } diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index f48c15b16..1cfe2b37c 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -1043,8 +1043,8 @@ @include single-transition(transform, .35s, ease); @include translate3d(290px, 0, 0); border: none; - width: 290px; visibility: hidden; + width: 290px; &.visible { display: block; @@ -1287,10 +1287,10 @@ .app__content { margin: 0; - padding-top: 56px; + padding-top: 50px; .channel__wrap & { - padding-top: 56px; + padding-top: 50px; } #channel-header { @@ -1575,6 +1575,10 @@ } @media screen and (max-width: 480px) { + #user-profile-popover { + left: 50px !important; + } + .post { .img-div { max-width: 100%; diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss index 8b81f30ca..ef4c2e8e5 100644 --- a/webapp/sass/responsive/_tablet.scss +++ b/webapp/sass/responsive/_tablet.scss @@ -5,20 +5,20 @@ &.move--left { .channel-header { .heading { - max-width: calc(100vw - 600px); + max-width: calc(100vw - 620px); .multi-teams & { - max-width: calc(100vw - 650px); + max-width: calc(100vw - 670px); } } } .channel-header__info { .channel-header__description { - max-width: calc(100vw - 600px); + max-width: calc(100vw - 620px); .multi-teams & { - max-width: calc(100vw - 650px); + max-width: calc(100vw - 670px); } } } @@ -34,20 +34,20 @@ .channel-header__info { .channel-header__description { - max-width: calc(100vw - 660px); + max-width: calc(100vw - 680px); .multi-teams & { - max-width: calc(100vw - 710px); + max-width: calc(100vw - 730px); } } } .channel-header { .heading { - max-width: calc(100vw - 700px); + max-width: calc(100vw - 720px); .multi-teams & { - max-width: calc(100vw - 750px); + max-width: calc(100vw - 770px); } } } |