From e48614d6cec19f781a63bc5166d7cc286c281d7b Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Tue, 20 Oct 2015 18:31:34 +0500
Subject: PLT-318 - Updating files overlay design

---
 web/sass-files/sass/partials/_post.scss       | 48 ++++++++++++++++++++++-----
 web/sass-files/sass/partials/_responsive.scss | 16 ++++++---
 2 files changed, 51 insertions(+), 13 deletions(-)

(limited to 'web/sass-files')

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 0f3cc0ef6..6ecc0d965 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -119,20 +119,52 @@ body.ios {
 	background-color: rgba(0, 0, 0, 0.6);
 	text-align: center;
 	color: #FFF;
-	display: table;
-	font-size: 1.7em;
+	font-size: em(20px);
 	font-weight: 600;
 	z-index: 6;
 
-	> div {
-		display: table-cell;
-		vertical-align: middle;
+	&.right-file-overlay {
+		font-size: em(18px);
+		.overlay__circle {
+			width: 300px;
+			height: 300px;
+			margin: -150px 0 0 -150px;
+		}
+		.overlay__files {
+			margin: 60px auto 15px;
+			width: 150px;
+		}
 	}
 
-	.fa {
+	.overlay__circle {
+		background: #111;
+		background: rgba(black, 0.7);
+		width: 370px;
+		height: 370px;
+		margin: -185px 0 0 -185px;
+		@include border-radius(500px);
+		position: absolute;
+		top: 50%;
+		left: 50%;
+	}
+
+	.overlay__files {
 		display: block;
-		font-size: 2em;
-		margin: 0 0 0.3em;
+		margin: 75px auto 20px;
+	}
+
+	.overlay__logo {
+		position: absolute;
+		left: 50%;
+		bottom: 30px;
+		margin-left: -50px;
+		@include opacity(0.3);
+	}
+
+	.fa {
+		display: inline-block;
+		font-size: 1.1em;
+		margin-right: 8px;
 	}
 }
 
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 09ac2047c..71ae52635 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -199,9 +199,6 @@
 }
 
 @media screen and (max-width: 960px) {
-    .center-file-overlay {
-        font-size: 1.5em;
-    }
     .post {
         .post-header .post-header-col.post-header__reply {
             .comment-icon__container__hide {
@@ -278,8 +275,17 @@
             display: block;
         }
     }
-    .center-file-overlay {
-        font-size: 1.3em;
+    .file-overlay {
+        font-size: em(18px);
+        .overlay__circle {
+            width: 300px;
+            height: 300px;
+            margin: -150px 0 0 -150px;
+        }
+        .overlay__files {
+            margin: 60px auto 15px;
+            width: 150px;
+        }
     }
     .date-separator, .new-separator {
         &.hovered--after {
-- 
cgit v1.2.3-1-g7c22


From 4ba3a19855170fae8d29511aa82561f3975da2c0 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Tue, 20 Oct 2015 18:34:49 +0500
Subject: Adding background transparent for theme inputs

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

(limited to 'web/sass-files')

diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss
index c4591d7b6..5fc9b295b 100644
--- a/web/sass-files/sass/partials/_settings.scss
+++ b/web/sass-files/sass/partials/_settings.scss
@@ -103,6 +103,9 @@
                     text-overflow: ellipsis;
                     margin-bottom: 0;
                 }
+                .input-group-addon:not(:first-child) {
+                    background: transparent;
+                }
                 .radio {
                     label {
                         font-weight: 600;
-- 
cgit v1.2.3-1-g7c22


From de3cd15b23641109af290be7623abc176dcc4a60 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Tue, 20 Oct 2015 18:36:33 +0500
Subject: Updating custom themes input addon

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

(limited to 'web/sass-files')

diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss
index 5fc9b295b..bc53dc0e4 100644
--- a/web/sass-files/sass/partials/_settings.scss
+++ b/web/sass-files/sass/partials/_settings.scss
@@ -103,7 +103,7 @@
                     text-overflow: ellipsis;
                     margin-bottom: 0;
                 }
-                .input-group-addon:not(:first-child) {
+                .input-group-addon {
                     background: transparent;
                 }
                 .radio {
-- 
cgit v1.2.3-1-g7c22


From e9fc2434fc98bf3ac9ae7b0f05609169f19d07ea Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Tue, 20 Oct 2015 21:08:18 +0500
Subject: Updating btn-close size for direct messages on mobile devices.

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

(limited to 'web/sass-files')

diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 71ae52635..3bffe82a2 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -645,6 +645,9 @@
                     }
                     &.has-close {
                         .btn-close {
+                            width: 40px;
+                            text-align: center;
+                            right: 0;
                             display: block;
                             @include opacity(0.5);
                         }
-- 
cgit v1.2.3-1-g7c22