Fix height problem for non-section view

Clooos · Dec 10, 2024 · 2d5be41 · 2d5be41
1 parent 8f8e878
commit 2d5be41
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/src/cards/button/styles.ts b/src/cards/button/styles.ts
@@ -170,7 +170,7 @@ export default `
 
 
     .large .bubble-button-card-container {
-      height: calc( var(--row-height) * var(--row-size) + var(--row-gap) * ( var(--row-size) - 1 ));
+      height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));
       border-radius: var(--bubble-button-border-radius, var(--bubble-border-radius, 32px));
     }
 

diff --git a/src/cards/climate/styles.ts b/src/cards/climate/styles.ts
@@ -238,7 +238,7 @@ export default `
     }
 
     .large .bubble-climate-container {
-      height: calc( var(--row-height) * var(--row-size) + var(--row-gap) * (var(--row-size) - 1 ));
+      height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));
       border-radius: var(--bubble-select-border-radius, var(--bubble-border-radius, 32px));
     }
 

diff --git a/src/cards/cover/styles.ts b/src/cards/cover/styles.ts
@@ -97,7 +97,7 @@ export default `
     }      
     
     .large .bubble-cover-card-container {
-      height: calc( var(--row-height) * var(--row-size) + var(--row-gap) * ( var(--row-size) - 1 ));
+      height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));
       background: var(--bubble-cover-main-background-color, var(--bubble-main-background-color, var(--background-color-2, var(--secondary-background-color))));
       border-radius: var(--bubble-cover-border-radius, var(--bubble-border-radius, 32px));
       

diff --git a/src/cards/media-player/styles.ts b/src/cards/media-player/styles.ts
@@ -275,7 +275,7 @@ export default `
 
     .large .bubble-media-player-container{
       display: flex;
-      height: calc( var(--row-height) * var(--row-size) + var(--row-gap) * ( var(--row-size) - 1 ));
+      height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));
     }
 
     .large .bubble-media-player{

diff --git a/src/cards/pop-up/styles.ts b/src/cards/pop-up/styles.ts
@@ -180,7 +180,7 @@ export default `
     margin-left: 8px;
   }
   .large .bubble-close-button {
-      height: calc( var(--row-height) * var(--row-size) + var(--row-gap) * ( var(--row-size) - 1 ));
+      height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));
       width: 56px;
       border: none;
       border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px));

diff --git a/src/cards/select/styles.ts b/src/cards/select/styles.ts
@@ -216,7 +216,7 @@ export default `
 
 
     .large .bubble-select-card-container {
-      height: calc( var(--row-height) * var(--row-size) + var(--row-gap) * ( var(--row-size) - 1 ));
+      height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));
       border-radius: var(--bubble-select-border-radius, var(--bubble-border-radius, 32px));
     }
 

diff --git a/src/cards/separator/styles.ts b/src/cards/separator/styles.ts
@@ -36,7 +36,7 @@ export default `
     }
 
     .large .bubble-separator {
-      height: calc( var(--row-height) * var(--row-size) + var(--row-gap) * ( var(--row-size) - 1 ));
+      height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));
     }
 
     .rows-2 .bubble-sub-button-container {