From a0c7b3c8d0543a34f651ed68ab48223f3dde17fd Mon Sep 17 00:00:00 2001 From: WolverinDEV Date: Sun, 22 Dec 2019 13:45:44 +0100 Subject: [PATCH] Added (if available) a scrollbar to the sounds and fixed the menu bar for MSEdge Signed-off-by: WolverinDEV --- shared/css/static/menu-bar.scss | 4 ++++ shared/js/ui/modal/ModalSettings.ts | 6 +++++- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/shared/css/static/menu-bar.scss b/shared/css/static/menu-bar.scss index 143a8b68..d2084daa 100644 --- a/shared/css/static/menu-bar.scss +++ b/shared/css/static/menu-bar.scss @@ -50,6 +50,10 @@ .container-label { display: inline-block; align-self: center; + + a { + white-space: nowrap; + } } } diff --git a/shared/js/ui/modal/ModalSettings.ts b/shared/js/ui/modal/ModalSettings.ts index dc0d1cda..3d843611 100644 --- a/shared/js/ui/modal/ModalSettings.ts +++ b/shared/js/ui/modal/ModalSettings.ts @@ -798,6 +798,10 @@ namespace Modals { /* initialize sound list */ { const container_sounds = contianer.find(".container-sounds"); + let scrollbar: SimpleBar; + if("SimpleBar" in window) + scrollbar = new SimpleBar(container_sounds[0]); + const generate_sound = (_sound: Sound) => { let tag_play_pause: JQuery, tag_play: JQuery, tag_pause: JQuery, tag_input_muted: JQuery; @@ -854,7 +858,7 @@ namespace Modals { //container-sounds for(const sound_key in Sound) - generate_sound(Sound[sound_key as any] as any).appendTo(container_sounds); + generate_sound(Sound[sound_key as any] as any).appendTo(scrollbar ? scrollbar.getContentElement() : container_sounds); /* the filter */ const input_filter = contianer.find(".input-sounds-filter");