diff --git a/src/web/app/base.styl b/src/web/app/base.styl index 0e5eeba97..f41c08898 100644 --- a/src/web/app/base.styl +++ b/src/web/app/base.styl @@ -19,6 +19,7 @@ html, body margin 0 padding 0 scroll-behavior smooth + overflow-x hidden text-size-adjust 100% font-family sans-serif diff --git a/src/web/app/mobile/tags/timeline-post-sub.tag b/src/web/app/mobile/tags/timeline-post-sub.tag index 563f896b7..5960d1d2f 100644 --- a/src/web/app/mobile/tags/timeline-post-sub.tag +++ b/src/web/app/mobile/tags/timeline-post-sub.tag @@ -55,31 +55,33 @@ width calc(100% - 68px) > header + display flex + flex-wrap wrap margin-bottom 4px white-space nowrap > .name - display inline - margin 0 + display block + margin 0 0.5em 0 0 padding 0 + overflow hidden color #607073 font-size 1em font-weight 700 text-align left text-decoration none + text-overflow ellipsis &:hover text-decoration underline > .username text-align left - margin 0 0 0 8px + margin 0 color #d1d8da > .created-at - position absolute - top 0 - right 0 + margin-left auto color #b2b8bb > .body diff --git a/src/web/app/mobile/tags/timeline-post.tag b/src/web/app/mobile/tags/timeline-post.tag index 7370c9d03..72e56423d 100644 --- a/src/web/app/mobile/tags/timeline-post.tag +++ b/src/web/app/mobile/tags/timeline-post.tag @@ -145,27 +145,31 @@ width calc(100% - 74px) > header + display flex + flex-wrap wrap white-space nowrap @media (min-width 500px) margin-bottom 2px > .name - display inline - margin 0 + display block + margin 0 0.5em 0 0 padding 0 + overflow hidden color #777 font-size 1em font-weight 700 text-align left text-decoration none + text-overflow ellipsis &:hover text-decoration underline > .is-bot text-align left - margin 0 0 0 8px + margin 0 0.5em 0 0 padding 1px 6px font-size 12px color #aaa @@ -174,13 +178,11 @@ > .username text-align left - margin 0 0 0 8px + margin 0 color #ccc > .created-at - position absolute - top 0 - right 0 + margin-left auto font-size 0.9em color #c0c0c0