From e60228dc32ab02347f3f8b807ffa5f8124af7aa4 Mon Sep 17 00:00:00 2001 From: Guste Gaubaite <219.guste@gmail.com> Date: Tue, 19 Aug 2025 11:22:41 +0200 Subject: [PATCH 1/4] fix: make time picker input height match input component --- .../timepickerinput/timepickerinput-shape.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/common/components/mock-components/front-components/timepickerinput/timepickerinput-shape.tsx b/src/common/components/mock-components/front-components/timepickerinput/timepickerinput-shape.tsx index b8b9a6fd..9d95848b 100644 --- a/src/common/components/mock-components/front-components/timepickerinput/timepickerinput-shape.tsx +++ b/src/common/components/mock-components/front-components/timepickerinput/timepickerinput-shape.tsx @@ -13,11 +13,11 @@ import disabledClockIconSrc from '/icons/clock-disabled.svg'; const timepickerInputShapeRestrictions: ShapeSizeRestrictions = { minWidth: 100, - minHeight: 50, + minHeight: 38, maxWidth: -1, - maxHeight: 50, + maxHeight: 38, defaultWidth: 220, - defaultHeight: 50, + defaultHeight: 38, }; const shapeType: ShapeType = 'timepickerinput'; @@ -114,7 +114,7 @@ export const TimepickerInputShape = forwardRef( Date: Wed, 20 Aug 2025 10:57:23 +0200 Subject: [PATCH 2/4] fix: move time display from right to left in mobile device adorner --- public/containers/mobile.svg | 8 ++++---- .../front-containers/mobilephone-shape.tsx | 6 +++--- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/public/containers/mobile.svg b/public/containers/mobile.svg index 6c1fc8d1..ce2529e7 100644 --- a/public/containers/mobile.svg +++ b/public/containers/mobile.svg @@ -14,22 +14,22 @@ - + - + - + - 17:00 + 17:00 diff --git a/src/common/components/mock-components/front-containers/mobilephone-shape.tsx b/src/common/components/mock-components/front-containers/mobilephone-shape.tsx index ddab3381..6a92abbf 100644 --- a/src/common/components/mock-components/front-containers/mobilephone-shape.tsx +++ b/src/common/components/mock-components/front-containers/mobilephone-shape.tsx @@ -46,7 +46,7 @@ export const MobilePhoneShape = forwardRef((props, ref) => { const adornerIconSize = 20; const adornerPadding = 5; - const adornerTotalWidth = adornerIconSize * 3 + 17 * 2 + 30; + const adornerTotalWidth = adornerIconSize * 3 + screenMargin; // Calculate inner screen coordinates (excluding frame margins) const screenX = margin + screenMargin; // Left edge of inner screen @@ -62,7 +62,7 @@ export const MobilePhoneShape = forwardRef((props, ref) => { const signalX = adornerStartX + 17; const batteryX = adornerStartX + 20 * 2; - const timeX = adornerStartX + 23 * 3; + const timeX = screenX + screenMargin; const timeY = adornerY + 4; const timeWidth = 40; @@ -88,7 +88,7 @@ export const MobilePhoneShape = forwardRef((props, ref) => { const now = new Date(); setCurrentTime( now.toLocaleTimeString('es-ES', { - hour: '2-digit', + hour: 'numeric', minute: '2-digit', hour12: false, }) From a23598902c83acc0b39073293ac9713f44744301 Mon Sep 17 00:00:00 2001 From: Antonio Contreras Date: Mon, 1 Sep 2025 16:15:23 +0200 Subject: [PATCH 3/4] add new icons --- public/icons/phSquareSplitHorizontal.svg | 1 + public/icons/phSquareSplitVerticalLight.svg | 1 + public/icons/phTreeViewDuotone.svg | 1 + .../components/icon-selector/modal/icons.ts | 18 ++++++++++++++++++ 4 files changed, 21 insertions(+) create mode 100644 public/icons/phSquareSplitHorizontal.svg create mode 100644 public/icons/phSquareSplitVerticalLight.svg create mode 100644 public/icons/phTreeViewDuotone.svg diff --git a/public/icons/phSquareSplitHorizontal.svg b/public/icons/phSquareSplitHorizontal.svg new file mode 100644 index 00000000..d14b7eea --- /dev/null +++ b/public/icons/phSquareSplitHorizontal.svg @@ -0,0 +1 @@ + diff --git a/public/icons/phSquareSplitVerticalLight.svg b/public/icons/phSquareSplitVerticalLight.svg new file mode 100644 index 00000000..9fd3631b --- /dev/null +++ b/public/icons/phSquareSplitVerticalLight.svg @@ -0,0 +1 @@ + diff --git a/public/icons/phTreeViewDuotone.svg b/public/icons/phTreeViewDuotone.svg new file mode 100644 index 00000000..89344831 --- /dev/null +++ b/public/icons/phTreeViewDuotone.svg @@ -0,0 +1 @@ + diff --git a/src/pods/properties/components/icon-selector/modal/icons.ts b/src/pods/properties/components/icon-selector/modal/icons.ts index 30dfc5ed..1167643a 100644 --- a/src/pods/properties/components/icon-selector/modal/icons.ts +++ b/src/pods/properties/components/icon-selector/modal/icons.ts @@ -2560,4 +2560,22 @@ export const iconCollection: IconInfo[] = [ searchTerms: ['calculator', 'math', 'arithmetic', 'compute', 'calculate'], categories: ['IT'], }, + { + name: 'Tree view doutone', + filename: 'phTreeViewDuotone.svg', + searchTerms: ['tree', 'view', 'doutone'], + categories: ['IT'], + }, + { + name: 'Square Split horizontal', + filename: 'phSquareSplitHorizontal.svg', + searchTerms: ['square', 'split', 'horizontal'], + categories: ['IT'], + }, + { + name: 'Square Split vertical light', + filename: 'phSquareSplitVerticalLight.svg', + searchTerms: ['square', 'split', 'vertical'], + categories: ['IT'], + }, ]; From 0aa46f44d4c0971f81a14a031aa6a5f872b6fd8e Mon Sep 17 00:00:00 2001 From: Antonio Contreras Date: Tue, 2 Sep 2025 10:07:40 +0200 Subject: [PATCH 4/4] add copy icon --- public/icons/phCopy.svg | 1 + src/pods/properties/components/icon-selector/modal/icons.ts | 6 ++++++ 2 files changed, 7 insertions(+) create mode 100644 public/icons/phCopy.svg diff --git a/public/icons/phCopy.svg b/public/icons/phCopy.svg new file mode 100644 index 00000000..ff8aa93e --- /dev/null +++ b/public/icons/phCopy.svg @@ -0,0 +1 @@ + diff --git a/src/pods/properties/components/icon-selector/modal/icons.ts b/src/pods/properties/components/icon-selector/modal/icons.ts index 1167643a..8e5622a1 100644 --- a/src/pods/properties/components/icon-selector/modal/icons.ts +++ b/src/pods/properties/components/icon-selector/modal/icons.ts @@ -2578,4 +2578,10 @@ export const iconCollection: IconInfo[] = [ searchTerms: ['square', 'split', 'vertical'], categories: ['IT'], }, + { + name: 'Copy', + filename: 'phCopy.svg', + searchTerms: ['copy', 'duplicate', 'clone'], + categories: ['IT'], + }, ];