From 8bb4aaa0fb12bef0d70176372518e748a8f40c3a Mon Sep 17 00:00:00 2001 From: Igor Kulikov Date: Wed, 1 Apr 2026 20:21:46 +0300 Subject: [PATCH] Update items page hero layout, images, and browse tab border - Items page: move back button inside hero flex row, space-between layout aligns image top with back button; hero image max-height 276px - Export dedicated hero images for Widgets, Rule Chains, Calculated Fields - Description text: 16px Regular, rgba(0,0,0,0.76), max-width 800px - Page padding-bottom 48px, back button margin-bottom 40px - Browse: top border when tabs hidden, compact card subtype label support --- .../iot-hub/iot-hub-browse.component.html | 2 +- .../iot-hub/iot-hub-browse.component.scss | 4 + .../iot-hub/iot-hub-items-page.component.html | 11 +- .../iot-hub/iot-hub-items-page.component.scss | 31 ++-- .../iot-hub/iot-hub-items-page.component.ts | 6 +- .../items-page-calculated-fields-hero.svg | 104 ++++++++++++ .../iot-hub/items-page-rule-chains-hero.svg | 151 ++++++++++++++++++ .../iot-hub/items-page-widgets-hero.svg | 124 ++++++++++++++ 8 files changed, 408 insertions(+), 25 deletions(-) create mode 100644 ui-ngx/src/assets/iot-hub/items-page-calculated-fields-hero.svg create mode 100644 ui-ngx/src/assets/iot-hub/items-page-rule-chains-hero.svg create mode 100644 ui-ngx/src/assets/iot-hub/items-page-widgets-hero.svg diff --git a/ui-ngx/src/app/modules/home/pages/iot-hub/iot-hub-browse.component.html b/ui-ngx/src/app/modules/home/pages/iot-hub/iot-hub-browse.component.html index ff53654fca..40fc2d01ca 100644 --- a/ui-ngx/src/app/modules/home/pages/iot-hub/iot-hub-browse.component.html +++ b/ui-ngx/src/app/modules/home/pages/iot-hub/iot-hub-browse.component.html @@ -15,7 +15,7 @@ limitations under the License. --> -
+