diff --git a/components/lib/speeddial/style/SpeedDialStyle.js b/components/lib/speeddial/style/SpeedDialStyle.js index c085aa771..9310cb4e7 100644 --- a/components/lib/speeddial/style/SpeedDialStyle.js +++ b/components/lib/speeddial/style/SpeedDialStyle.js @@ -17,7 +17,7 @@ const classes = { `p-speeddial p-component p-speeddial-${props.type}`, { [`p-speeddial-direction-${props.direction}`]: props.type !== 'circle', - 'p-speeddial-opened': instance.d_visible, + 'p-speeddial-open': instance.d_visible, 'p-disabled': props.disabled } ], diff --git a/components/lib/themes/primeone/base/speeddial/index.js b/components/lib/themes/primeone/base/speeddial/index.js index 35df53e49..bba0febe6 100644 --- a/components/lib/themes/primeone/base/speeddial/index.js +++ b/components/lib/themes/primeone/base/speeddial/index.js @@ -89,16 +89,16 @@ export default { transition: opacity 150ms; } -.p-speeddial-opened .p-speeddial-list { +.p-speeddial-open .p-speeddial-list { pointer-events: auto; } -.p-speeddial-opened .p-speeddial-item { +.p-speeddial-open .p-speeddial-item { transform: scale(1); opacity: 1; } -.p-speeddial-opened .p-speeddial-rotate { +.p-speeddial-open .p-speeddial-rotate { transform: rotate(45deg); } `