[Client] Sticky icons

2017-02-06 16:14:05 +09:00 · 2017-02-06 16:14:05 +09:00 · 70847209c4
parent e52cb4d71b
commit 70847209c4
5 changed files with 8 additions and 5 deletions
--- a/src/web/app/desktop/tags/home-widgets/profile.tag
+++ b/src/web/app/desktop/tags/home-widgets/profile.tag
@ -4,6 +4,7 @@
 	<style type="stylus">
 		:scope
 			display block
+			overflow hidden
 			background #fff

 			> .banner
--- a/src/web/app/desktop/tags/home.tag
+++ b/src/web/app/desktop/tags/home.tag
@ -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
--- a/src/web/app/desktop/tags/timeline-post.tag
+++ b/src/web/app/desktop/tags/timeline-post.tag
@ -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
--- a/src/web/app/mobile/tags/timeline-post.tag
+++ b/src/web/app/mobile/tags/timeline-post.tag
@ -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
--- a/src/web/app/mobile/tags/timeline.tag
+++ b/src/web/app/mobile/tags/timeline.tag
@ -13,8 +13,6 @@
 		:scope
 			display block
 			background #fff
-			background-clip content-box
-			overflow hidden

 			> .init
 				padding 64px 0