summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/web/app/base.styl1
-rw-r--r--src/web/app/mobile/tags/timeline-post-sub.tag14
-rw-r--r--src/web/app/mobile/tags/timeline-post.tag16
3 files changed, 18 insertions, 13 deletions
diff --git a/src/web/app/base.styl b/src/web/app/base.styl
index 0e5eeba971..f41c08898d 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 563f896b7b..5960d1d2f0 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 7370c9d03a..72e56423d3 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