style: adjust padding on cdkMenus to prevent border cutoff (#383)

bluehalo · May 28, 2024 · e51818e · e51818e
1 parent 7c7cace
commit e51818e
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 9 deletions.
diff --git a/src/app/core/admin/cache-entries/list-cache-entries/list-cache-entries.component.html b/src/app/core/admin/cache-entries/list-cache-entries/list-cache-entries.component.html
@@ -44,7 +44,7 @@ <h1 skipTo>Cache Entries</h1>
 
 					<ng-template #actionsMenu>
 						<div
-							class="dropdown-menu py-0"
+							class="dropdown-menu"
 							id="cache-entry-{{ entry._id }}-action-menu"
 							attr.aria-labelledby="cache-entry-{{ entry._id }}-action-menu-btn"
 							cdkMenu

diff --git a/src/app/core/admin/end-user-agreement/list-euas/admin-list-euas.component.html b/src/app/core/admin/end-user-agreement/list-euas/admin-list-euas.component.html
@@ -79,7 +79,7 @@ <h1 skipTo>EUAs</h1>
 						</button>
 						<ng-template #actionsMenu>
 							<div
-								class="dropdown-menu py-0"
+								class="dropdown-menu"
 								id="eua-{{ eua._id }}-action-menu"
 								attr.aria-labelledby="eua-{{ eua._id }}-action-menu-btn"
 								cdkMenu

diff --git a/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.html b/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.html
@@ -108,7 +108,7 @@ <h1 skipTo>System Feedback</h1>
 						</button>
 						<ng-template #statusMenu>
 							<div
-								class="dropdown-menu py-0"
+								class="dropdown-menu"
 								id="feedback-{{ feedback._id }}-status-menu"
 								attr.aria-labelledby="feedback-{{ feedback._id }}-status-menu-btn"
 								cdkMenu
@@ -159,7 +159,7 @@ <h1 skipTo>System Feedback</h1>
 						</button>
 						<ng-template #assigneeMenu>
 							<div
-								class="dropdown-menu py-0"
+								class="dropdown-menu"
 								id="feedback-{{ feedback._id }}-assignee-menu"
 								attr.aria-labelledby="feedback-{{ feedback._id }}-assignee-menu-btn"
 								cdkMenu

diff --git a/src/app/core/admin/messages/list-messages/list-messages.component.html b/src/app/core/admin/messages/list-messages/list-messages.component.html
@@ -60,7 +60,7 @@ <h1 skipTo>Messages</h1>
 					</button>
 					<ng-template #actionsMenu>
 						<div
-							class="dropdown-menu py-0"
+							class="dropdown-menu"
 							id="message-{{ message._id }}-action-menu"
 							attr.aria-labelledby="message-{{ message._id }}-action-menu-btn"
 							cdkMenu

diff --git a/src/app/core/admin/user/list-users/admin-list-users.component.html b/src/app/core/admin/user/list-users/admin-list-users.component.html
@@ -110,7 +110,7 @@ <h1 skipTo>Users</h1>
 						</button>
 						<ng-template #actionsMenu>
 							<div
-								class="dropdown-menu py-0"
+								class="dropdown-menu"
 								id="user-{{ user._id }}-action-menu"
 								attr.aria-labelledby="user-{{ user._id }}-action-menu-btn"
 								cdkMenu

diff --git a/src/app/core/site-navbar/site-navbar.component.html b/src/app/core/site-navbar/site-navbar.component.html
@@ -241,7 +241,7 @@
 
 			<ng-template #helpNav>
 				<div
-					class="nav-menu dropdown-menu py-0"
+					class="nav-menu dropdown-menu"
 					id="help-nav-menu"
 					aria-labelledby="help-nav-menu-btn"
 					cdkMenu

diff --git a/src/app/core/site-navbar/site-navbar.component.scss b/src/app/core/site-navbar/site-navbar.component.scss
@@ -127,7 +127,6 @@ $nav-popover-width: 192px !default;
 }
 
 .nav-menu {
-	padding: 0;
 	width: $nav-popover-width;
 
 	.dropdown-item {

diff --git a/src/app/core/theming/theme-toggle/theme-toggle.component.html b/src/app/core/theming/theme-toggle/theme-toggle.component.html
@@ -3,7 +3,7 @@
 	<span class="fa-solid fa-lg {{ themeOptions.get(selectedTheme()) }} ms-2"></span>
 </a>
 <ng-template #menu>
-	<div class="dropdown-menu py-0" id="color-mode-menu" aria-labelledby="color-mode-btn" cdkMenu>
+	<div class="dropdown-menu" id="color-mode-menu" aria-labelledby="color-mode-btn" cdkMenu>
 		@for (theme of themeOptions.keys(); track theme) {
 			<button
 				class="dropdown-item"