From 3aba68c09f90a020422eb672b29d17af47544211 Mon Sep 17 00:00:00 2001 From: shamoon <4887959+shamoon@users.noreply.github.com> Date: Sun, 22 Sep 2024 22:51:59 -0700 Subject: [PATCH 1/6] Fix sidebar mobile width --- src-ui/src/app/components/app-frame/app-frame.component.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src-ui/src/app/components/app-frame/app-frame.component.scss b/src-ui/src/app/components/app-frame/app-frame.component.scss index 7f9871b97..f5427c713 100644 --- a/src-ui/src/app/components/app-frame/app-frame.component.scss +++ b/src-ui/src/app/components/app-frame/app-frame.component.scss @@ -13,7 +13,7 @@ padding: 50px 0 0; /* Height of navbar */ box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); overflow-y: auto; - --pngx-sidebar-width: 25%; + --pngx-sidebar-width: 100%; max-width: var(--pngx-sidebar-width); .sidebar-heading .spinner-border { From 870d6ee782257167234f4de312dee7699877fd38 Mon Sep 17 00:00:00 2001 From: shamoon <4887959+shamoon@users.noreply.github.com> Date: Mon, 23 Sep 2024 10:29:37 -0700 Subject: [PATCH 2/6] Fix: handle overflowing dropdowns on mobile (#7758) See https://github.com/ng-bootstrap/ng-bootstrap/pull/4760 --- .../dates-dropdown.component.html | 2 +- .../dates-dropdown.component.ts | 3 +++ .../filterable-dropdown.component.html | 2 +- .../filterable-dropdown.component.ts | 3 +++ src-ui/src/app/utils/popper-options.spec.ts | 24 +++++++++++++++++++ src-ui/src/app/utils/popper-options.ts | 24 +++++++++++++++++++ 6 files changed, 56 insertions(+), 2 deletions(-) create mode 100644 src-ui/src/app/utils/popper-options.spec.ts create mode 100644 src-ui/src/app/utils/popper-options.ts diff --git a/src-ui/src/app/components/common/dates-dropdown/dates-dropdown.component.html b/src-ui/src/app/components/common/dates-dropdown/dates-dropdown.component.html index 8991363d2..b9528805b 100644 --- a/src-ui/src/app/components/common/dates-dropdown/dates-dropdown.component.html +++ b/src-ui/src/app/components/common/dates-dropdown/dates-dropdown.component.html @@ -1,4 +1,4 @@ -
+
-
+
{{rd.name}}
@@ -28,20 +28,19 @@
} -