From f18e219dbce07a69c23c27b537b526bd9580deeb Mon Sep 17 00:00:00 2001 From: Herman Snevajs Date: Fri, 5 Jun 2026 09:39:43 +0200 Subject: [PATCH] Add classes for invitation action icons --- .../themes/mm-theme-light/_extensions.scss | 19 +++++++++++++++++++ .../components/ProjectShareDialogTemplate.vue | 2 +- 2 files changed, 20 insertions(+), 1 deletion(-) diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss index 156473c4..2fb161a3 100644 --- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss +++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss @@ -118,6 +118,25 @@ img { overflow-wrap: anywhere; } +// Icon-only action button used in list rows (e.g. resend / trash on invitation rows) +.p-button.icon-action-btn { + color: map-get($colors, 'forest'); + + &:not(:disabled):hover { + background: map-get($colors, 'light-green'); + color: map-get($colors, 'forest'); + } + + &.icon-action-btn--danger { + color: map-get($colors, 'grape'); + + &:not(:disabled):hover { + background: map-get($colors, 'negative-light'); + color: map-get($colors, 'grape'); + } + } +} + // Color of error messages in inputs ... .p-error { color: map-get($map: $colors, $key: grape); diff --git a/web-app/packages/lib/src/modules/project/components/ProjectShareDialogTemplate.vue b/web-app/packages/lib/src/modules/project/components/ProjectShareDialogTemplate.vue index c25bc181..c66fd4a0 100644 --- a/web-app/packages/lib/src/modules/project/components/ProjectShareDialogTemplate.vue +++ b/web-app/packages/lib/src/modules/project/components/ProjectShareDialogTemplate.vue @@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial class="underline" >Learn more about permission system. + >