Ensure that ripple matches notification size (#6360)

holoviz · Feb 18, 2024 · c798697 · c798697
1 parent 5afbe2b
commit c798697
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/panel/dist/css/notifications.css b/panel/dist/css/notifications.css
@@ -0,0 +1,3 @@
+.notyf__ripple {
+  height: calc(100% * 2.75);
+}
diff --git a/panel/io/notifications.py b/panel/io/notifications.py
@@ -10,7 +10,7 @@
 from ..reactive import ReactiveHTML
 from ..util import classproperty
 from .datamodel import _DATA_MODELS, construct_data_model
-from .resources import CSS_URLS, bundled_files
+from .resources import CSS_URLS, bundled_files, get_dist_path
 from .state import state
 
 if TYPE_CHECKING:
@@ -176,7 +176,9 @@ def __js_skip__(cls):
 
     @classproperty
     def __css__(cls):
-        return bundled_files(cls, 'css')
+        return bundled_files(cls, 'css') + [
+            f"{get_dist_path()}css/notifications.css"
+        ]
 
     _template = ""