From 3011c1f09599f3e7676c85e97b455175e771b882 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 2 Jun 2016 11:20:52 +0200
Subject: [PATCH] Sidebox styling: - Another approach for fixing favorite icons
 - Add ellipsis for menu items with large text

---
 api/templates/default/etemplate2.css     | 4 ++--
 pixelegg/css/mobile.css                  | 3 +++
 pixelegg/css/pixelegg.css                | 3 +++
 pixelegg/less/layout_raster_sidebar.less | 3 +++
 pixelegg/mobile/fw_mobile.css            | 3 +++
 5 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index 5de95d2a92..d112ba9fce 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -1529,9 +1529,9 @@ div.message.floating {
 }
 .sidebox-favorites .favorites div.ui-icon-heart {
   position: relative;
-  float: left;
+  vertical-align: middle;
   display: inline-block;
-  margin: -2px 1px 0px 1px;
+  margin: -1px 1px 0px 1px;
 }
 .sidebox-favorites .favorites div.ui-icon-trash {
   margin-top: -5px;
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 8a2d32bd2e..2e557c2602 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -4539,6 +4539,9 @@ td.message span.message {
   position: relative;
   min-height: 18px;
   background-color: #FFFFFF;
+  overflow-x: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .egw_fw_ui_sidemenu_listitem:hover {
   color: #000000;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index f68155cde4..786a9a5255 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -4528,6 +4528,9 @@ td.message span.message {
   position: relative;
   min-height: 18px;
   background-color: #FFFFFF;
+  overflow-x: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .egw_fw_ui_sidemenu_listitem:hover {
   color: #000000;
diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less
index ee7e3e2e8f..75455dcfe3 100644
--- a/pixelegg/less/layout_raster_sidebar.less
+++ b/pixelegg/less/layout_raster_sidebar.less
@@ -566,6 +566,9 @@
     position: relative;
     min-height: 18px;
     background-color: @gray_0;
+	overflow-x: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 
    // Submenu Hover Item - gelb
     &:hover{
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 9cbfba20d8..2e0d4e844b 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -4550,6 +4550,9 @@ td.message span.message {
   position: relative;
   min-height: 18px;
   background-color: #FFFFFF;
+  overflow-x: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .egw_fw_ui_sidemenu_listitem:hover {
   color: #000000;