diff options
| author | Ondřej Hruška <ondra@ondrovo.com> | 2017-07-14 17:03:43 +0200 |
|---|---|---|
| committer | beatrix <beatrix.bitrot@gmail.com> | 2017-07-14 11:03:43 -0400 |
| commit | 75aafc932e42b5dba1030700bb47be0db41b1ab5 (patch) | |
| tree | 12c19b09e3ec5e96d71e219ddee0e99e4c2ff7e2 /app/javascript/styles/components.scss | |
| parent | 6ce806f91304937174fb593ea1f343b528fa7cd6 (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/components.scss')
| -rw-r--r-- | app/javascript/styles/components.scss | 21 |
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; |