Remove styled from speed dial actions to use our own buttons

pull/5677/head
Cagatay Civici 2024-04-08 12:46:05 +03:00
parent 01c27cf697
commit 704f6dedf2
2 changed files with 1 additions and 45 deletions

View File

@ -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 {

View File

@ -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 {};