Merge pull request #143 from tamaina/MHSH

モバイルのホームを良くするプロジェクト
This commit is contained in:
syuilo⭐️ 2017-02-10 22:19:42 +09:00 committed by GitHub
commit 079afdb4e9
3 changed files with 18 additions and 13 deletions

View file

@ -19,6 +19,7 @@ html, body
margin 0
padding 0
scroll-behavior smooth
overflow-x hidden
text-size-adjust 100%
font-family sans-serif

View file

@ -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

View file

@ -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