summaryrefslogtreecommitdiff
path: root/src/web/app
diff options
context:
space:
mode:
authorsyuilo⭐️ <Syuilotan@yahoo.co.jp>2017-02-10 22:19:42 +0900
committerGitHub <noreply@github.com>2017-02-10 22:19:42 +0900
commit079afdb4e96a7d31e87ac9a397f56c0e30242bdc (patch)
tree5af1f289b5467950ec1f47a6463f5e51ae547ec9 /src/web/app
parentinteranf;l (diff)
parentインデントミス (diff)
downloadmisskey-079afdb4e96a7d31e87ac9a397f56c0e30242bdc.tar.gz
misskey-079afdb4e96a7d31e87ac9a397f56c0e30242bdc.tar.bz2
misskey-079afdb4e96a7d31e87ac9a397f56c0e30242bdc.zip
Merge pull request #143 from tamaina/MHSH
モバイルのホームを良くするプロジェクト
Diffstat (limited to 'src/web/app')
-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