From 9cbe1e874e332effb3b6a433184dd868749cdefc Mon Sep 17 00:00:00 2001 From: Darian Culver Date: Wed, 16 Jul 2025 23:30:23 +1200 Subject: [PATCH] Improve usability of the API key overview This commit makes the ApiKeyListGroupItem component more friendly to smaller screen sizes, improving the UX of reviewing issued API keys against a team. Previously, if a window were sized below 1760px wide, the redacted keys, as well as the "Remove, Edit, Regenerate" API Key buttons, would overflow their parent div within the template. These overflows, while mainly a visual defect, could cause multiple buttons to share the same location, hindering accessibility. These changes help ensure that this content is always rendered within the parent div. Regarding key rendering, it seems sensible to only render the publicId portion of the key, as the redaction chars don't seem to add much from a user perspective. Signed-off-by: Darian Culver --- .../administration/accessmanagement/ApiKeyListGroupItem.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/administration/accessmanagement/ApiKeyListGroupItem.vue b/src/views/administration/accessmanagement/ApiKeyListGroupItem.vue index 3a703b355..e7d2f0a29 100644 --- a/src/views/administration/accessmanagement/ApiKeyListGroupItem.vue +++ b/src/views/administration/accessmanagement/ApiKeyListGroupItem.vue @@ -1,8 +1,8 @@