From ca5c07c250264e5d4d78083ee7e814b85f208dfb Mon Sep 17 00:00:00 2001
From: Nathan Gray <nathangray.bsc@gmail.com>
Date: Tue, 25 Mar 2014 14:13:50 +0000
Subject: [PATCH] CSS changes needed for application tabs to shrink when
 there's too many of them

---
 pixelegg/css/pixelegg.css        | 15 ++++++++-------
 pixelegg/js/slider.js            |  7 ++++++-
 pixelegg/less/layout_raster.less | 15 ++++++++-------
 3 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index a4e05e3c2b..dbd7dfff5d 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -4989,9 +4989,7 @@ table.nextmatch_header img {
   height: 16px;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header {
-  text-align: center;
   padding-left: 0;
-  padding-right: 0;
   position: relative;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 0;
@@ -5007,9 +5005,12 @@ table.nextmatch_header img {
   border-top-left-radius: 5px;
   /*.background-clip(padding-box);*/
   background: transparent;
-  display: inline-table;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   margin: 0px 5px 0px 0px;
-  padding: 2px 2px 7px 2px;
+  padding: 2px 5px 7px 2px;
   cursor: pointer;
   border-width: 1px 1px 0 1px;
   border-style: solid;
@@ -5025,7 +5026,7 @@ table.nextmatch_header img {
   /*font-size: 100%;*/
   font-size: 11px;
   line-height: 1em;
-  margin: 0 1px 2px 2px;
+  margin: 0 15px 2px 2px;
   vertical-align: super;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
@@ -5098,7 +5099,7 @@ table.nextmatch_header img {
   background-color: #b4b4b4;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
-  right: 1px;
+  right: 3px;
   top: 1px;
   display: inline-block;
   width: 12px;
@@ -5108,7 +5109,7 @@ table.nextmatch_header img {
   background-position: center;
   background-image: url(../images/close_button.png);
   background-size: 10px 10px;
-  float: right;
+  position: absolute;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button :hover {
   background-image: url(../images/close_button_hover.png);
diff --git a/pixelegg/js/slider.js b/pixelegg/js/slider.js
index bad535ccfb..7061214fca 100644
--- a/pixelegg/js/slider.js
+++ b/pixelegg/js/slider.js
@@ -50,7 +50,8 @@ function hide_pixelegg_header(_toggle, _delay)
         // Form - Country Switch
         $j("#egw_fw_topmenu_info_items form").css("display", "none");
 
-        $j(".egw_fw_ui_tabs_header").css("height", "34px");
+        $j(".egw_fw_ui_tabs_header").css("height", "34px")
+			.css("padding", "1px 75px 0px 20px");
 
 
         //Tab
@@ -110,10 +111,14 @@ egw_LAB.wait(function() {
 		$j('#slidetoggle').click(function(){
 			if ($j('#egw_fw_header').css('display') === 'none') {
 				show_pixelegg_header(this, 1000);
+				// Check for too many tabs, and adjust width if needed
+				window.setTimeout(function() {egw_getFramework().checkTabOverflow();},1000);
 				egw.set_preference('common', 'pixelegg_header_hidden', '');
 			}
 			else {
 				hide_pixelegg_header(this, 1000);
+				// Check for too many tabs, and adjust width if needed
+				window.setTimeout(function() {egw_getFramework().checkTabOverflow();},1000);
 				egw.set_preference('common', 'pixelegg_header_hidden', 'true');
 			}
 		});
diff --git a/pixelegg/less/layout_raster.less b/pixelegg/less/layout_raster.less
index 18001e46ed..b78ca299db 100644
--- a/pixelegg/less/layout_raster.less
+++ b/pixelegg/less/layout_raster.less
@@ -1241,15 +1241,16 @@
             // inaktive
 
             .egw_fw_ui_tab_header {
-                text-align: center;
                 padding-left: 0;
-                padding-right: 0;
                 position: relative;
                 .border_radius(5px,0, 0, 5px);
                 background: transparent;
-                display: inline-table;
+                display: inline-block;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
                 margin: 0px 5px 0px 0px;
-                padding: 2px 2px 7px 2px;
+                padding: 2px 5px 7px 2px;
                 cursor: pointer;
                 border-width: 1px 1px 0 1px;
                 border-style: solid;
@@ -1267,7 +1268,7 @@
                     /*font-size: 100%;*/
                     .fontsize_m;
                     line-height: 1em;
-                    margin:0 1px 2px 2px;
+                    margin:0 15px 2px 2px;
                     vertical-align: super;
                 }
 
@@ -1328,7 +1329,7 @@
             // #               #
             // #################
         .egw_fw_ui_tab_close_button {
-            right: 1px;
+            right: 3px;
             top: 1px;
 
             display: inline-block;
@@ -1338,7 +1339,7 @@
             background-position: center;
             background-image: url(../images/close_button.png);
             background-size: 10px 10px;
-            float: right;
+            position: absolute;
 
             :hover {
                 background-image: url(../images/close_button_hover.png);