From 704f6dedf2d79cb321cdf9bff773c258e9920ae0 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Mon, 8 Apr 2024 12:46:05 +0300 Subject: [PATCH] Remove styled from speed dial actions to use our own buttons --- .../themes/primeone/base/speeddial/index.js | 25 ------------------- .../primeone/presets/aura/speeddial/index.js | 21 +--------------- 2 files changed, 1 insertion(+), 45 deletions(-) diff --git a/components/lib/themes/primeone/base/speeddial/index.js b/components/lib/themes/primeone/base/speeddial/index.js index bba0febe6..e9da673db 100644 --- a/components/lib/themes/primeone/base/speeddial/index.js +++ b/components/lib/themes/primeone/base/speeddial/index.js @@ -40,31 +40,6 @@ export default { will-change: transform; } -.p-speeddial-item.p-focus > .p-speeddial-action { - outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')}; - outline-offset: ${dt('focus.ring.offset')}; -} - -.p-speeddial-action { - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - position: relative; - overflow: hidden; - width: 2.5rem; - height: 2.5rem; - background: ${dt('speeddial.item.background')}; - color: ${dt('speeddial.item.color')}; - outline-color: transparent; - transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; -} - -.p-speeddial-action:hover { - background: ${dt('speeddial.item.hover.background')}; - color: ${dt('speeddial.item.hover.color')}; -} - .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { diff --git a/components/lib/themes/primeone/presets/aura/speeddial/index.js b/components/lib/themes/primeone/presets/aura/speeddial/index.js index 72dcece5c..ff8b4c563 100644 --- a/components/lib/themes/primeone/presets/aura/speeddial/index.js +++ b/components/lib/themes/primeone/presets/aura/speeddial/index.js @@ -1,20 +1 @@ -export default { - colorScheme: { - light: { - item: { - background: '{surface.100}', - hoverBackground: '{surface.200}', - color: '{surface.600}', - hoverColor: '{surface.700}' - } - }, - dark: { - item: { - background: '{surface.800}', - hoverBackground: '{surface.700}', - color: '{surface.300}', - hoverColor: '{surface.200}' - } - } - } -}; +export default {};