From 2a770e3695a2b9556a3cc66bd9b3cbf7aa624321 Mon Sep 17 00:00:00 2001
From: Simon Grim <scary@tasty.sexy>
Date: Thu, 4 Oct 2018 03:20:37 +0500
Subject: [PATCH] add .following-own-modal SASS (import from nin-v1)

---
 sass/layout/_following.sass | 83 +++++++++++++++++++++++++++++++++++++
 sass/pages/_following.sass  | 60 ---------------------------
 sass/style.sass             |  2 +-
 3 files changed, 84 insertions(+), 61 deletions(-)
 create mode 100644 sass/layout/_following.sass
 delete mode 100644 sass/pages/_following.sass

diff --git a/sass/layout/_following.sass b/sass/layout/_following.sass
new file mode 100644
index 0000000..6604696
--- /dev/null
+++ b/sass/layout/_following.sass
@@ -0,0 +1,83 @@
+/********** FOLLOWING OWN ***********/
+
+.following-own-modal
+	.modal-content
+		padding: 0
+	.following-list
+		display: flex
+		flex-wrap: wrap
+		justify-content: space-evenly
+		> li
+			width: 48%
+			margin: 2px
+			padding-top: 12px
+			padding-bottom: 8px
+			border: solid 1px rgba(69, 71, 77, .1)
+			background: #FFF
+			text-align: center
+			> div
+				position: relative
+			&:hover
+				border-bottom: solid 1px $main-color-color
+				.mini-profile-actions
+					display: block
+		.mini-profile-photo
+			width: 64px
+			height: 64px
+			margin: 2px
+		.mini-profile-name
+			padding: 4px
+		.mini-screen-name
+			display: none
+		.following-config
+			width: 100%
+			text-align: center
+			margin: 4px
+		.following-config button
+			display: inline-block
+		.mini-profile-actions
+			display: none
+			position: absolute
+			top: 0
+			right: 8px
+		.mini-profile-actions
+			span
+				cursor: pointer
+				display: inline-block
+				position: relative
+				top: -12px
+				right: -8px
+				z-index: 10
+				background: $main-color-color
+				&:hover
+					background: #AAA
+			ul
+				height: 0
+				overflow: hidden
+				position: absolute
+				z-index: 20
+				top: 8px
+				right: -8px
+				padding: 0
+				background: #FFF
+				transition: height .2s linear
+				> li
+					text-align: left
+					white-space: nowrap
+					color: rgba(0, 0, 0, .7)
+					font-size: 12px
+					margin: 0
+					padding: 4px 16px 4px 8px
+					border-bottom: solid 1px rgba(0, 0, 0, 0)
+					background: #FFF
+					&:hover
+						border-bottom: solid 1px $main-color-color
+			&:hover
+				ul
+					height: 57px
+					box-shadow: 8px 10px 10px 0px rgba(0, 0, 0, .2)
+		.swarm-status
+			font-size: 11px
+			display: block
+		.latest-activity
+			font-size: 11px
diff --git a/sass/pages/_following.sass b/sass/pages/_following.sass
deleted file mode 100644
index 1adcc49..0000000
--- a/sass/pages/_following.sass
+++ /dev/null
@@ -1,60 +0,0 @@
-
-.following
-	width: $postboardWidth
-	float: left
-	h2
-		display: none
-	.following-list li
-		border-bottom: 1px solid $main-background-color
-		line-height: 45px
-		background: $bloc-light-color
-		position: relative
-		+transition-property(background)
-		+transition-duration(.1s)
-		&:hover
-			background: white
-
-		a
-			display: block
-			padding:  $space
-			width: 100%
-			@extend .clear-fix
-			color: $defaut-font-color
-
-
-	.mini-profile-photo
-		width: $mini-usr-img
-		line-height: 0
-		margin: 0 $space 0 0
-		float: left
-	.mini-profile-name
-		font-size: 1rem
-		font-weight: 500
-		float: left
-		display: block
-		line-height: 1rem
-		padding: 10px 0
-	.mini-screen-name
-		display: block
-		float: left
-		line-height: 1rem
-		font-weight: 400
-		font-size: 1rem
-		padding: 10px
-		color: #666
-		b
-			font-weight: 400
-			padding: 0
-			color: inherit
-			font-size: inherit
-			line-height: inherit
-	.mini-profile-actions
-		display: none
-	.following-config
-		position: absolute
-		top: 0
-		right: 0
-		padding: $space
-
-	.swarm-status
-		display: none!important
diff --git a/sass/style.sass b/sass/style.sass
index dcd911b..f17a67c 100755
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -17,12 +17,12 @@
 @import 'layout/_login'
 @import 'layout/_profile'
 @import 'layout/_postboard'
+@import 'layout/_following'
 @import 'layout/_groupchat'
 
 // pages
 
 @import 'pages/_profile'
-@import 'pages/_following'
 @import 'pages/_network'
 
 @import 'layout/_tabs'