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 aa614776c2
3 changed files with 18 additions and 13 deletions

View File

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

View File

@ -55,31 +55,33 @@
width calc(100% - 68px) width calc(100% - 68px)
> header > header
display flex
flex-wrap wrap
margin-bottom 4px margin-bottom 4px
white-space nowrap white-space nowrap
> .name > .name
display inline display block
margin 0 margin 0 0.5em 0 0
padding 0 padding 0
overflow hidden
color #607073 color #607073
font-size 1em font-size 1em
font-weight 700 font-weight 700
text-align left text-align left
text-decoration none text-decoration none
text-overflow ellipsis
&:hover &:hover
text-decoration underline text-decoration underline
> .username > .username
text-align left text-align left
margin 0 0 0 8px margin 0
color #d1d8da color #d1d8da
> .created-at > .created-at
position absolute margin-left auto
top 0
right 0
color #b2b8bb color #b2b8bb
> .body > .body

View File

@ -145,27 +145,31 @@
width calc(100% - 74px) width calc(100% - 74px)
> header > header
display flex
flex-wrap wrap
white-space nowrap white-space nowrap
@media (min-width 500px) @media (min-width 500px)
margin-bottom 2px margin-bottom 2px
> .name > .name
display inline display block
margin 0 margin 0 0.5em 0 0
padding 0 padding 0
overflow hidden
color #777 color #777
font-size 1em font-size 1em
font-weight 700 font-weight 700
text-align left text-align left
text-decoration none text-decoration none
text-overflow ellipsis
&:hover &:hover
text-decoration underline text-decoration underline
> .is-bot > .is-bot
text-align left text-align left
margin 0 0 0 8px margin 0 0.5em 0 0
padding 1px 6px padding 1px 6px
font-size 12px font-size 12px
color #aaa color #aaa
@ -174,13 +178,11 @@
> .username > .username
text-align left text-align left
margin 0 0 0 8px margin 0
color #ccc color #ccc
> .created-at > .created-at
position absolute margin-left auto
top 0
right 0
font-size 0.9em font-size 0.9em
color #c0c0c0 color #c0c0c0