From 63e0cff27204eb701a1350ef12241b15b1d5c6b3 Mon Sep 17 00:00:00 2001 From: Kniazevych Date: Thu, 16 Jan 2025 05:24:48 +0200 Subject: [PATCH 1/2] New: Finish the BE integration [n/a] --- assets/images/widget-icon-controls.svg | 1 - assets/images/widget-icon-eye.svg | 1 - assets/images/widget-icon-person.svg | 1 - assets/images/widget-icon-text.svg | 1 - .../assets/js/components/icon-size/index.js | 7 ++++-- .../js/components/position-control/index.js | 16 +++++++++---- .../settings/assets/js/hooks/use-settings.js | 8 +++---- modules/settings/module.php | 8 +++---- modules/widget/module.php | 24 ++----------------- 9 files changed, 27 insertions(+), 40 deletions(-) delete mode 100644 assets/images/widget-icon-controls.svg delete mode 100644 assets/images/widget-icon-eye.svg delete mode 100644 assets/images/widget-icon-person.svg delete mode 100644 assets/images/widget-icon-text.svg diff --git a/assets/images/widget-icon-controls.svg b/assets/images/widget-icon-controls.svg deleted file mode 100644 index 38fab3c..0000000 --- a/assets/images/widget-icon-controls.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/assets/images/widget-icon-eye.svg b/assets/images/widget-icon-eye.svg deleted file mode 100644 index ebf058d..0000000 --- a/assets/images/widget-icon-eye.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/assets/images/widget-icon-person.svg b/assets/images/widget-icon-person.svg deleted file mode 100644 index 4aac00c..0000000 --- a/assets/images/widget-icon-person.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/assets/images/widget-icon-text.svg b/assets/images/widget-icon-text.svg deleted file mode 100644 index c5e1e18..0000000 --- a/assets/images/widget-icon-text.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/modules/settings/assets/js/components/icon-size/index.js b/modules/settings/assets/js/components/icon-size/index.js index 1b57dcd..a653259 100644 --- a/modules/settings/assets/js/components/icon-size/index.js +++ b/modules/settings/assets/js/components/icon-size/index.js @@ -18,15 +18,16 @@ const StyledPaper = styled(Paper)` gap: 12px; align-items: center; justify-content: center; - padding: 16px + padding: 16px; min-width: 10px; width: 100px; min-height: 100px; border-radius: ${({ theme }) => theme.shape.borderRadius}; box-shadow: ${({ theme }) => theme.shadows[0]}; cursor: pointer; + :hover { - box-shadow: 0px 0px 15px 0px rgba(37, 99, 235, 0.15); + box-shadow: 0 0 15px 0 rgba(37, 99, 235, 0.15); border-color: ${({ theme }) => theme.palette.info.main}; } `; @@ -54,6 +55,7 @@ const IconSize = (props) => { {__('Size', 'pojo-accessibility')} + { width: 'auto', }, })} + { }, }); }; + const handlePositionChange = (event) => { updateExactPosition( mode, @@ -92,6 +96,7 @@ const PositionControl = ({ type, disabled, mode }) => { }, }); }; + const handlePositionDirection = (event) => { updateExactPosition( mode, @@ -110,6 +115,7 @@ const PositionControl = ({ type, disabled, mode }) => { }, }); }; + return ( { > {units[unitsIndex]} + {units.map((unit, index) => ( { ), }} /> +