Remove styled from speed dial actions to use our own buttons
parent
01c27cf697
commit
704f6dedf2
|
@ -40,31 +40,6 @@ export default {
|
||||||
will-change: transform;
|
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-circle .p-speeddial-item,
|
||||||
.p-speeddial-semi-circle .p-speeddial-item,
|
.p-speeddial-semi-circle .p-speeddial-item,
|
||||||
.p-speeddial-quarter-circle .p-speeddial-item {
|
.p-speeddial-quarter-circle .p-speeddial-item {
|
||||||
|
|
|
@ -1,20 +1 @@
|
||||||
export default {
|
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}'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
Loading…
Reference in New Issue