about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorOndřej Hruška <ondra@ondrovo.com>2017-07-14 17:03:43 +0200
committerbeatrix <beatrix.bitrot@gmail.com>2017-07-14 11:03:43 -0400
commit75aafc932e42b5dba1030700bb47be0db41b1ab5 (patch)
tree12c19b09e3ec5e96d71e219ddee0e99e4c2ff7e2 /app/javascript/styles
parent6ce806f91304937174fb593ea1f343b528fa7cd6 (diff)
Added buttons and menu items to dismiss individual notifications (#76)
* Added DELETE verb for notifications

* Added notification dismiss button to status dropdown

* Added reveal-on-hover notif dismiss button, added FollowNotification component
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/components.scss21
1 files changed, 21 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 6cca3666a..b06c99c95 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -617,6 +617,27 @@
   position: absolute;
 }
 
+.status__prepend-dismiss-button {
+  border: 0;
+  background: transparent;
+  position: absolute;
+  right: -3px;
+  opacity: 0;
+  transition: opacity 0.1s ease-in-out;
+
+  i.fa {
+    color: crimson;
+  }
+
+  .notification__message:hover & {
+    opacity: 1;
+  }
+
+  .notification-follow & {
+    right: 6px;
+  }
+}
+
 .status {
   padding: 8px 10px;
   padding-left: 68px;