From 1bb58785dd81139090e90ead12ee4d23de1eeee5 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Fri, 22 Apr 2016 12:48:47 +0000
Subject: [PATCH] Mobile theme: - Fix taglist styling - Add multiple options
 for taglist-cat used in calendar edit

---
 calendar/templates/mobile/edit.xet |  2 +-
 pixelegg/mobile/fw_mobile.css      | 12 ++++++++++++
 pixelegg/mobile/fw_mobile.less     | 11 ++++++++++-
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/calendar/templates/mobile/edit.xet b/calendar/templates/mobile/edit.xet
index 90244a0e1e..f102ccd551 100644
--- a/calendar/templates/mobile/edit.xet
+++ b/calendar/templates/mobile/edit.xet
@@ -271,7 +271,7 @@
 				</row>
 				<row>
 					<description for="category" value="Categories"/>
-					<taglist-cat id="category" class="et2_fullWidth"/>
+					<taglist-cat id="category" class="et2_fullWidth" rows="1" multiple="toggle"/>
 				</row>
 				<row>
 					<tabbox id="tabs" span="all" width="100%" align_tabs="v">
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 40085b8f81..3dcca9ded7 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -7972,6 +7972,18 @@ form[id^="tracker-"] .dialogHeadbar {
   body .et2_taglist .ms-sel-ctn {
     background: white;
   }
+  body .et2_taglist.et2_taglist_category {
+    min-height: 50px !important;
+  }
+  body .et2_taglist.et2_taglist_toggle.et2_taglist_single .ms-sel-item span:first-child {
+    float: left;
+  }
+  body .et2_taglist.et2_taglist_toggle.et2_taglist_single .ms-sel-item span[class*="cat_"] {
+    height: 3em;
+  }
+  body .et2_taglist.ui-state-active.expanded .ms-res-ctn.dropdown-menu {
+    min-height: 100px;
+  }
   body .et2_mobile_view {
     display: block;
   }
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 0031f95d85..8782348fe3 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -1119,7 +1119,16 @@
 				background: white;
 			}
 		}
-
+		.et2_taglist.et2_taglist_category {min-height: 50px !important;}
+		.et2_taglist.et2_taglist_toggle.et2_taglist_single {
+			.ms-sel-item {
+				span:first-child {float:left;}
+				span[class*="cat_"] {height: 3em;}
+			}
+		}
+		.et2_taglist.ui-state-active.expanded {
+			.ms-res-ctn.dropdown-menu {min-height: 100px;}
+		}
 		/* View mode styles*/
 		.et2_mobile_view {
 			display:block;