From fde50f652599f9c950c7cadbc3d5e9f805a401e4 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Mon, 20 Mar 2017 18:07:13 +0100
Subject: [PATCH] Groups view: Background gradient gray doesn't look good

---
 src/styles/_project.sass                      | 20 +++++++++++++------
 .../nodes/custom/group/view_embed.jade        |  5 ++++-
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/styles/_project.sass b/src/styles/_project.sass
index 665f8d60..b167c7b2 100644
--- a/src/styles/_project.sass
+++ b/src/styles/_project.sass
@@ -1836,6 +1836,16 @@ section.node-children
 		& .list-node-children-item-name i
 			color: $color-primary
 
+	&.has-picture
+		.list-node-children-item-thumbnail
+			background-color: black
+
+	.cloud-logo
+		font-size: 4em
+		color: darken($color-background, 60%)
+		+position-center-translate
+		left: $list-node-children-item-width / 2 - 10
+
 	/* Browse group as list */
 	&.browse-list
 		display: none
@@ -1949,7 +1959,7 @@ section.node-children
 
 		width: $list-node-children-item-width
 		height: $list-node-children-item-width / 1.69
-		background-color: darken($color-background, 30%)
+		background-color: darken($color-background, 55%)
 		position: relative
 		overflow: hidden
 
@@ -1963,10 +1973,10 @@ section.node-children
 			left: 0
 			right: 0
 			bottom: 0
-			font-size: 1.5em
+			font-size: 1.3em
 			color: white
 			text-shadow: 1px 1px 0 rgba(black, .2)
-			background-image: linear-gradient(10deg, darken($color-background, 55%) 0%, transparent 40%)
+			background-image: linear-gradient(10deg, rgba(black, .2) 0%, transparent 40%)
 
 			i
 				position: absolute
@@ -1994,11 +2004,9 @@ section.node-children
 
 		display: flex
 		align-items: center
-
-		// background-color: darken(white, 6%)
 		color: $color-text-light
 		text-shadow: 1px 1px 0 rgba(black, .2)
-		background-color: darken($color-background, 55%)
+		background-color: darken($color-background, 60%)
 
 		padding: 5px 10px
 		font-size: .85em
diff --git a/src/templates/nodes/custom/group/view_embed.jade b/src/templates/nodes/custom/group/view_embed.jade
index dcb4a170..3a432181 100644
--- a/src/templates/nodes/custom/group/view_embed.jade
+++ b/src/templates/nodes/custom/group/view_embed.jade
@@ -83,12 +83,15 @@
 		a(href="{{ url_for_node(node=child) }}",
 			data-node_id="{{ child._id }}",
 			title="{{ child.name }}",
-			class="item_icon list-node-children-item browse-icon")
+			class="item_icon list-node-children-item browse-icon {% if child.picture %}has-picture{% endif %}")
 			.list-node-children-item-thumbnail
 
 				| {% if child.picture %}
 				img(
 					src="{{ child.picture.thumbnail('m', api=api)}} ")
+				| {% else %}
+				.cloud-logo
+					i.pi-blender-cloud
 				| {% endif %}
 
 				.list-node-children-item-thumbnail-icon