From 872f001fbbebe93ae7fc4b92a6d17a378e0d50d5 Mon Sep 17 00:00:00 2001
From: hmhealey <harrisonmhealey@gmail.com>
Date: Tue, 15 Dec 2015 14:56:40 -0500
Subject: Added floating post timestamp

---
 web/sass-files/sass/partials/_post.scss | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

(limited to 'web/sass-files/sass/partials/_post.scss')

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index fbebb4e98..4e5968254 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -211,6 +211,10 @@ body.ios {
 	overflow-y: hidden;
 	height: 100%;
 
+	.inactive {
+		display: none;
+	}
+
 	.post-list-holder-by-time {
 		background: #fff;
 		overflow-y: scroll;
@@ -222,9 +226,6 @@ body.ios {
 		&::-webkit-scrollbar {
 			width: 0px !important;
 		}
-		&.inactive {
-			display: none;
-		}
 		&.active {
 			display: inline;
 		}
@@ -247,6 +248,31 @@ body.ios {
 	}
 }
 
+.post-list__timestamp {
+	position: absolute;
+	top: 8px;
+	left: 50%;
+	z-index: 50;
+	width: 120px;
+	text-align: center;
+	background: $primary-color;
+	color: #fff;
+	@include border-radius(3px);
+	font-size: 12px;
+	line-height: 25px;
+	margin-left: -60px;
+	-webkit-font-smoothing: initial;
+	@include single-transition(all, 0.3s, ease, 1.0s);
+	@include translateY(-45px);
+	@include opacity(0);
+
+	&.scrolling {
+		@include single-transition(all, 0.3s, ease);
+		@include translateY(0);
+		@include opacity(0.8);
+	}
+}
+
 .post-create__container {
 	form {
 		width: 100%;
-- 
cgit v1.2.3-1-g7c22


From 07638f7e7dd6718155eb650562d71063e7756de5 Mon Sep 17 00:00:00 2001
From: hmhealey <harrisonmhealey@gmail.com>
Date: Tue, 15 Dec 2015 15:55:52 -0500
Subject: Added DelayedAction class to use to handle stopping scrolling

---
 web/sass-files/sass/partials/_post.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'web/sass-files/sass/partials/_post.scss')

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 4e5968254..9acac9532 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -262,7 +262,7 @@ body.ios {
 	line-height: 25px;
 	margin-left: -60px;
 	-webkit-font-smoothing: initial;
-	@include single-transition(all, 0.3s, ease, 1.0s);
+	@include single-transition(all, 0.3s, ease);
 	@include translateY(-45px);
 	@include opacity(0);
 
-- 
cgit v1.2.3-1-g7c22


From c7fb1f7fe94cd018daa7de2b85a2246eaff9f111 Mon Sep 17 00:00:00 2001
From: hmhealey <harrisonmhealey@gmail.com>
Date: Tue, 15 Dec 2015 16:31:07 -0500
Subject: Hid floating timestamp header on non-mobile

---
 web/sass-files/sass/partials/_post.scss | 1 +
 1 file changed, 1 insertion(+)

(limited to 'web/sass-files/sass/partials/_post.scss')

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 9acac9532..88842c973 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -265,6 +265,7 @@ body.ios {
 	@include single-transition(all, 0.3s, ease);
 	@include translateY(-45px);
 	@include opacity(0);
+	display: none;
 
 	&.scrolling {
 		@include single-transition(all, 0.3s, ease);
-- 
cgit v1.2.3-1-g7c22


From b4eb83d66ff3304653bfc80a1b2f4982351eae73 Mon Sep 17 00:00:00 2001
From: hmhealey <harrisonmhealey@gmail.com>
Date: Wed, 16 Dec 2015 09:30:46 -0500
Subject: Added scroll to bottom arrows for mobile

---
 web/sass-files/sass/partials/_post.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'web/sass-files/sass/partials/_post.scss')

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 88842c973..2f6540a4e 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -274,6 +274,24 @@ body.ios {
 	}
 }
 
+.post-list__arrows {
+	background: url('../images/postArrows.png') center;
+	@include background-size(28px 28px);
+	background-repeat: no-repeat;
+	width: 40px;
+	height: 40px;
+	position: absolute;
+	bottom: 50px;
+	right: 5px;
+	z-index: 50;
+	@include opacity(0);
+	@include single-transition(all, 0.3s);
+
+	&.scrolling {
+		@include opacity(1);
+	}
+}
+
 .post-create__container {
 	form {
 		width: 100%;
-- 
cgit v1.2.3-1-g7c22