[Client] Sticky icons

This commit is contained in:
syuilo 2017-02-06 16:14:05 +09:00
parent e52cb4d71b
commit 70847209c4
5 changed files with 8 additions and 5 deletions
src/web/app

View file

@ -4,6 +4,7 @@
<style type="stylus">
:scope
display block
overflow hidden
background #fff
> .banner

View file

@ -29,7 +29,7 @@
//border solid 1px #eaeaea
border solid 1px rgba(0, 0, 0, 0.075)
border-radius 6px
overflow hidden
//box-shadow 0px 2px 16px rgba(0, 0, 0, 0.2)
&:not(:last-child)
margin-bottom 16px

View file

@ -137,7 +137,9 @@
> .avatar-anchor
display block
float left
margin 0 16px 0 0
margin 0 16px 10px 0
position sticky
top 74px
> .avatar
display block

View file

@ -111,7 +111,9 @@
> .avatar-anchor
display block
float left
margin 0 10px 0 0
margin 0 10px 8px 0
position sticky
top 66px
@media (min-width 500px)
margin-right 16px

View file

@ -13,8 +13,6 @@
:scope
display block
background #fff
background-clip content-box
overflow hidden
> .init
padding 64px 0