scss organized and DELETE message displayed on mouse over only

SUSE · Jun 2, 2016 · 23da71c · 23da71c
1 parent f0606b7
commit 23da71c
Showing 1 changed file with 25 additions and 20 deletions.
diff --git a/app/assets/stylesheets/comments.scss b/app/assets/stylesheets/comments.scss
@@ -4,31 +4,36 @@
   border: 0px;
 }
 
-.comment-thumbnail {
-  margin-right: 20px;
-  width: 40px;
-  img {
-    border-radius: 100%;
-    border: 4px solid $gray-light;
-    width: 40px;
-  }
-}
-
-.comment-content {
-  width: 100%;
-}
-
-.comment-content,
-.comment-thumbnail {
-  display: inline-block;
-  vertical-align: top;
-}
-
 .comment-row {
   padding: .5em 0;
   display: flex;
   &:hover {
     background: $comment-row-hover;
   }
+  .comment-thumbnail {
+    margin-right: 20px;
+    width: 40px;
+    img {
+      border-radius: 100%;
+      border: 4px solid $gray-light;
+      width: 40px;
+    }
+  }
+
+  .comment-content {
+    width: 100%;
+  }
+
+  .comment-content,
+  .comment-thumbnail {
+    display: inline-block;
+    vertical-align: top;
+  }
+  .destroy_comments_btn {
+    display: none;
+  }
+  &:hover .destroy_comments_btn {
+    display: inline-block;
+  }
 }