feat(ui5-tabcontainer): Responsive paddings are now supported

Fixes: SAP#2539
TeodorTaushanov · Feb 17, 2021 · 378b0f2 · 378b0f2
1 parent acd80f3
commit 378b0f2
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -77,5 +77,8 @@
     "packages/ie11",
     "packages/tools",
     "packages/playground"
-  ]
+  ],
+  "dependencies": {
+    "chromedriver": "^88.0.0"
+  }
 }
diff --git a/packages/base/src/Device.js b/packages/base/src/Device.js
@@ -856,7 +856,7 @@ const _initRangeSet = (name, borders, names) => {
  *
  * @param {string} name The name of the range set. The range set must be initialized beforehand ({@link Device.media.initRangeSet})
  * @param {int} [width] An optional width, based on which the range should be determined;
- *             If <code>width</code> is not a number, the window size will be used.
+ *             If <code>width</code> is not provided, the window size will be used.
  * @returns {string} The name of the current active interval of the range set.
  *
  * @name Device.media.getCurrentRange
@@ -871,7 +871,7 @@ const _getCurrentRange = (name, width = window.innerWidth) => {
 		return null;
 	}
 
-	for (i; i < querySet.borders.length; i++) {
+	for (; i < querySet.borders.length; i++) {
 		if (width < querySet.borders[i]) {
 			return querySet.names[i];
 		}

diff --git a/packages/main/src/themes/TabContainer.css b/packages/main/src/themes/TabContainer.css
@@ -28,6 +28,7 @@
 
 .ui5-tc__headerInnerContainer {
 	position: relative;
+	flex: 1 1 100%;
 	min-width: 0; /* fixes chrome flex issue */
 }
 
@@ -42,7 +43,7 @@
 .ui-tc__headerScrollContainer {
 	box-sizing: border-box;
 	overflow: hidden;
-	flex: 1;
+	flex: 1 1 100%;
 }
 
 .ui5-tc__headerList {