Remove styled from speed dial actions to use our own buttons
parent
01c27cf697
commit
704f6dedf2
|
@ -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 {
|
||||
|
|
|
@ -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 {};
|
||||
|
|
Loading…
Reference in New Issue