fix(ui5-progress-indicator): hidden value design (#8545)

Co-authored-by: PetyaMarkovaBogdanova <petya.markova@sap.com>
SAP · Apr 18, 2024 · bf094d3 · bf094d3
1 parent 4a48a1a
commit bf094d3
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/packages/main/src/themes/ProgressIndicator.css b/packages/main/src/themes/ProgressIndicator.css
@@ -10,6 +10,12 @@
 	padding-inline-end: var(--_ui5_progress_indicator_padding_end);
 }
 
+:host(:not([hidden])[hide-value]) {
+	padding-top: var(--_ui5_progress_indicator_padding_novalue);
+	padding-bottom: var(--_ui5_progress_indicator_padding_novalue);
+
+}
+
 .ui5-progress-indicator-root {
 	display: flex;
 	align-items: center;

diff --git a/packages/main/src/themes/base/ProgressIndicator-parameters.css b/packages/main/src/themes/base/ProgressIndicator-parameters.css
@@ -21,12 +21,14 @@
 
     --_ui5_progress_indicator_side_points_visibility: none;
 
+    --_ui5_progress_indicator_padding_novalue: 0;
+
     --_ui5_progress_indicator_host_height: 1rem;
     --_ui5_progress_indicator_host_min_height: 1rem;
     --_ui5_progress_indicator_root_border_radius: 0.5rem;
     --_ui5_progress_indicator_root_height: 100%;
     --_ui5_progress_indicator_root_overflow: hidden;
-    
+
     --_ui5_progress_indicator_bar_height: 100%;
     --_ui5_progress_indicator_bar_border_radius: 0.5rem 0 0 0.5rem;
 

diff --git a/packages/main/src/themes/sap_horizon/ProgressIndicatorLayout-parameters.css b/packages/main/src/themes/sap_horizon/ProgressIndicatorLayout-parameters.css
@@ -9,8 +9,9 @@
     --_ui5_progress_indicator_side_points_visibility: block;
 
     --_ui5_progress_indicator_padding: 1.25rem 0 0.75rem 0;
+    --_ui5_progress_indicator_padding_novalue: 0.3125rem;
     --_ui5_progress_indicator_padding_end: 1.25rem;
-    
+
     --_ui5_progress_indicator_host_height: unset;
     --_ui5_progress_indicator_host_min_height: unset;
     --_ui5_progress_indicator_host_box_sizing: border-box;
@@ -31,7 +32,7 @@
 
     --_ui5_progress_indicator_icon_position: absolute;
     --_ui5_progress_indicator_icon_right_position: -1.25rem;
-    
+
     --_ui5_progress_indicator_value_margin: 0 0 0.1875rem 0;
     --_ui5_progress_indicator_value_position: absolute;
     --_ui5_progress_indicator_value_top_position: -1.3125rem;

diff --git a/packages/main/src/themes/sap_horizon_exp/ProgressIndicatorLayout-parameters.css b/packages/main/src/themes/sap_horizon_exp/ProgressIndicatorLayout-parameters.css
@@ -9,8 +9,9 @@
     --_ui5_progress_indicator_side_points_visibility: block;
 
     --_ui5_progress_indicator_padding: 1.25rem 0 0.75rem 0;
+    --_ui5_progress_indicator_padding_novalue: 0.3125rem;
     --_ui5_progress_indicator_padding_end: 1.25rem;
-    
+
     --_ui5_progress_indicator_host_height: unset;
     --_ui5_progress_indicator_host_min_height: unset;
     --_ui5_progress_indicator_host_box_sizing: border-box;
@@ -31,7 +32,7 @@
 
     --_ui5_progress_indicator_icon_position: absolute;
     --_ui5_progress_indicator_icon_right_position: -1.25rem;
-    
+
     --_ui5_progress_indicator_value_margin: 0 0 0.1875rem 0;
     --_ui5_progress_indicator_value_position: absolute;
     --_ui5_progress_indicator_value_top_position: -1.3125rem;