From 58367a47930d4ae7c784cf88768071594986e747 Mon Sep 17 00:00:00 2001 From: Viet An Date: Fri, 22 May 2026 09:05:16 +0700 Subject: [PATCH] changes --- app/assets/styles/overrides-components.scss | 6 ++++++ app/components/datatable/ContextMenu.vue | 9 --------- 2 files changed, 6 insertions(+), 9 deletions(-) diff --git a/app/assets/styles/overrides-components.scss b/app/assets/styles/overrides-components.scss index ac8ae24..adc74d6 100644 --- a/app/assets/styles/overrides-components.scss +++ b/app/assets/styles/overrides-components.scss @@ -24,6 +24,12 @@ box-shadow: none; } +/* on hover, add background color, stop width flickering */ +.button.is-outlined:hover { + --bulma-button-border-width: max(1px, 0.0625em); + background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l), 0.1); +} + .delete { --bulma-delete-background-alpha: 0.3; } diff --git a/app/components/datatable/ContextMenu.vue b/app/components/datatable/ContextMenu.vue index 91fa172..3a0b0fb 100644 --- a/app/components/datatable/ContextMenu.vue +++ b/app/components/datatable/ContextMenu.vue @@ -652,13 +652,4 @@ p.control { width: 100%; } } - -.button.is-primary.is-outlined:hover { - /* TODO: make it global: when outlined, - border width shouldn't change, background-color should change */ - - --bulma-button-border-width: max(1px, 0.0625em); - /* same as not-hovered */ - background-color: var(--bulma-primary-95); -}