TabBar: do not force squeeze the tabs

Let the style decide whether tabs should be squeezed or not.

Change-Id: I25bdd9a4d045583613e14b4cba680642eda2ab59
Reviewed-by: Jens Bache-Wiig <jens.bache-wiig@digia.com>

src/private/TabBar.qml

@@ -163,7 +163,7 @@ FocusScope {
             property bool previousSelected: tabView.currentIndex === index - 1
 
             z: selected ? 1 : -index
-            implicitWidth: Math.min(tabloader.implicitWidth, availableWidth/tabrow.count) + 1
+            implicitWidth: tabloader.implicitWidth
             implicitHeight: tabloader.implicitHeight
 
             onPressed: {
@@ -180,6 +180,7 @@ FocusScope {
 
                 property Item control: tabView
                 property int index: tabindex
+                property real availableWidth: tabbar.availableWidth
 
                 property QtObject tab: QtObject {
                     readonly property alias index: tabitem.tabindex

src/styles/Base/TabViewStyle.qml

@@ -134,7 +134,10 @@ Style {
     property Component tab: Item {
         scale: control.tabPosition === Qt.TopEdge ? 1 : -1
 
-        implicitWidth: Math.round(textitem.implicitWidth + 20)
+        property int totalOverlap: tabOverlap * (control.count - 1)
+        property real maxTabWidth: (availableWidth + totalOverlap) / control.count
+
+        implicitWidth: Math.round(Math.min(maxTabWidth, textitem.implicitWidth + 20))
         implicitHeight: Math.round(textitem.implicitHeight + 10)
 
         clip: true

src/styles/Desktop/TabViewStyle.qml

@@ -73,7 +73,9 @@ Style {
         property string orientation: control.tabPosition === Qt.TopEdge ? "Top" : "Bottom"
         property int tabHSpace: __barstyle.pixelMetric("tabhspace");
         property int tabVSpace: __barstyle.pixelMetric("tabvspace");
-        implicitWidth: Math.max(50, styleitem.textWidth(tab.title)) + tabHSpace + 2
+        property int totalOverlap: tabOverlap * (control.count - 1)
+        property real maxTabWidth: (control.width + totalOverlap) / control.count
+        implicitWidth: Math.min(maxTabWidth, Math.max(50, styleitem.textWidth(tab.title)) + tabHSpace + 2)
         implicitHeight: Math.max(styleitem.font.pixelSize + tabVSpace + 6, 0)
 
         StyleItem {