[gnome-shell/T27795: 120/138] iconGrid: Style the folder icons to look closer to app icons

[Georges Basile Stavracas Neto <gbsneto src gnome org>]

commit a7500407116a302d6d6e2b4a6dd24ef0a8bc7006
Author: Mario Sanchez Prada <mario endlessm com>
Date:   Wed Feb 7 15:47:58 2018 +0000

    iconGrid: Style the folder icons to look closer to app icons
    
    The folder icons had a gray background that encompassed the icon and
    label which made it looked too different from the regular app icons,
    and also didn't appear aligned relative to app icons.
    
    These changes add a rounded corner square that includes only the tiny
    icons of the folder which makes it look closer to a regular app icon,
    and removes some stray CSS that we don't use and caused the misalignment.
    
    https://phabricator.endlessm.com/T17785
    https://phabricator.endlessm.com/T17824
    
     * Squashed with 75de22aa4

 data/theme/gnome-shell-sass/_endless.scss | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_endless.scss b/data/theme/gnome-shell-sass/_endless.scss
index da13f14dd1..a1753f7222 100644
--- a/data/theme/gnome-shell-sass/_endless.scss
+++ b/data/theme/gnome-shell-sass/_endless.scss
@@ -399,13 +399,37 @@ popup-separator-menu-item {
 
 .app-well-app {
     .overview-icon { @extend %app-well-icon; }
+    & > .overview-icon.overview-icon-with-label {
+        /* Use defaults here to "remove" the values set in _common.scss */
+        padding: 0px;
+        spacing: 6px;
+    }
+}
+
+/* Need to declare this one outside of .app-folder for DnD */
+.app-folder-icon {
+    border-radius: 12px;
+    background: rgba(23, 25, 26, 0.3);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7);
 }
 
 .app-folder,
 .app-well-app.app-folder {
-    & > .overview-icon {
-        @extend %app-well-icon;
-        background-color: rgba(0, 0, 0, 0.3);
+
+    & > .overview-icon,
+    &:active .overview-icon,
+    &:checked .overview-icon {
+        background-color: transparent;
+        box-shadow: none;
+        border-radius: 15px;
+        font-weight: bold;
+    }
+
+    &:checked .app-folder-icon,
+    &:selected .app-folder-icon {
+        background: rgba(23, 25, 26, 0.6);
+        transition-duration: 250ms;
+        box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.7);
     }
 }