From 1eeb51b755983d67c1295916b03373427636fe36 Mon Sep 17 00:00:00 2001 From: Philipp Rudiger Date: Sun, 18 Feb 2024 21:22:59 +0100 Subject: [PATCH] Ensure that ripple matches notification size --- panel/dist/css/notifications.css | 3 +++ panel/io/notifications.py | 6 ++++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 panel/dist/css/notifications.css diff --git a/panel/dist/css/notifications.css b/panel/dist/css/notifications.css new file mode 100644 index 0000000000..c87f539a0a --- /dev/null +++ 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 index fc5ae53c43..11771f30c2 100644 --- 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 = ""