You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.MD
+18Lines changed: 18 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,22 @@
1
1
# ngx-hover-opacity
2
+
This librairy aims to provide a simple way to "disable" an entire HTML element.
3
+
4
+
For example, if you display a given resource and suddenly it is not available anymore (deleted on the server and you just received an event).
5
+
Should you redirect the user to the home page? If he was reading it, it's a little brutal, isn't it?
6
+
7
+
Instead of that, you might want to take a breath and do not remove the element right away.
8
+
Just hover it, with a nice opacity so the user cannot interact with it anymore.
9
+
(Maybe you could also let him know what's happening with a message, but it's up to you).
10
+
11
+
## Demo:
12
+
13
+
ngx-hover-opacity set to **OFF**
14
+

15
+
16
+
ngx-hover-opacity set to **ON**
17
+

18
+
19
+
You can also [try it live on Stackblitz!](https://stackblitz.com/edit/angular-se17ec)
0 commit comments