Add centered 'linkify' icon on ideas when hovered over in the groupin…

…g stage
stride-nyc · Feb 11, 2019 · 574158f · 574158f
1 parent 586f57b
commit 574158f
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/web/static/js/components/css_modules/idea.css b/web/static/js/components/css_modules/idea.css
@@ -4,6 +4,29 @@
   transition: background-color 300ms, border-bottom 300ms;
   border-bottom: 1px solid var(--semantic-light-grey);
   background-color: rgba(255, 255, 255, 0.75);
+
+  /* add centered linkify icon when hoving in grouping stage */
+  &:global(.dragged-over .overlay):before {
+    content: "\f0c1";
+    font-family: Icons;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 1.6rem;
+    margin-top: 0.1rem;
+
+    -webkit-transform: scale(-1,1);
+    transform: scale(-1,1);
+
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+  }
 }
 
 .highlighted {

diff --git a/web/static/js/components/css_modules/idea_drop_target.css b/web/static/js/components/css_modules/idea_drop_target.css
@@ -8,8 +8,7 @@
     left: 0;
     height: 100%;
     width: 100%;
-    background-color: black;
-    opacity: 0.1;
+    background-color: rgba(0, 0, 0, 0.1);
     z-index: 3;
     pointer-events: none;
   }