From f7165e2bcad7b936c8ed2c7f0c46b5da1a9d27c8 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Wed, 6 Jun 2018 11:05:19 +0200
Subject: [PATCH] Make toggle class accessible

---
 notifications/inc/hook_after_navbar.inc.php |  2 +-
 notifications/js/notificationajaxpopup.js   |  2 +-
 pixelegg/css/mobile.css                     | 86 ++++++++++----------
 pixelegg/css/pixelegg.css                   | 86 ++++++++++----------
 pixelegg/less/layout_messages.less          | 88 +++++++++++----------
 pixelegg/mobile/fw_mobile.css               | 86 ++++++++++----------
 6 files changed, 176 insertions(+), 174 deletions(-)

diff --git a/notifications/inc/hook_after_navbar.inc.php b/notifications/inc/hook_after_navbar.inc.php
index 071a5ee7de..1da2c5d53a 100644
--- a/notifications/inc/hook_after_navbar.inc.php
+++ b/notifications/inc/hook_after_navbar.inc.php
@@ -32,7 +32,7 @@ if ($GLOBALS['egw_info']['user']['apps']['notifications'])
 	echo '
 		<div id="egwpopup" style="display: none; z-index: 999;">
 			<div id="egwpopup_header">'.lang('Notifications').
-			'<span class="egwpopup_toggle"></span><span class="egwpopup_seenall" title="'. lang('mark all as read').'"></span>'.
+			'<span class="button_right_toggle"></span><span class="egwpopup_seenall" title="'. lang('mark all as read').'"></span>'.
 			'<span class="egwpopup_deleteall" title="'.lang('delete all messages').'"></span></div>
 			<div id="egwpopup_list"></div>
 		</div>
diff --git a/notifications/js/notificationajaxpopup.js b/notifications/js/notificationajaxpopup.js
index 8ae0980d27..46f4580502 100644
--- a/notifications/js/notificationajaxpopup.js
+++ b/notifications/js/notificationajaxpopup.js
@@ -632,7 +632,7 @@
 			};
 			window.app.notifications = new self();
 			// toggle notifications bar
-			jQuery('.egwpopup_toggle', '#egwpopup').click(function(){window.app.notifications.toggle();});
+			jQuery('.button_right_toggle', '#egwpopup').click(function(){window.app.notifications.toggle();});
 			$egwpopup_fw.click(function(){window.app.notifications.toggle();});
 			jQuery(".egwpopup_deleteall", '#egwpopup').click(function(){
 				et2_dialog.show_dialog( function(_button){
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index e41ac64162..f9abc5fae9 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -3772,49 +3772,6 @@ td.lettersearch {
   text-align: center;
   padding: 15px;
 }
-#egwpopup div#egwpopup_header .egwpopup_toggle {
-  height: 32px;
-  width: 32px;
-  cursor: pointer;
-  position: relative;
-  margin-top: 1px;
-  margin-left: -20px;
-  float: left;
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:after {
-  content: "";
-  position: absolute;
-  left: 13px;
-  top: 5px;
-  width: 10px;
-  height: 2px;
-  background-color: silver;
-  backface-visibility: hidden;
-  border-radius: 6px;
-  transform: rotate(145deg) translate(8px, -1px);
-  -ms-transform: rotate(145deg) translate(8px, -1px);
-  -moz-transform: rotate(145deg) translate(8px, -1px);
-  -webkit-transform: rotate(145deg) translate(8px, -1px);
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:before {
-  content: "";
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  width: 10px;
-  height: 2px;
-  background-color: silver;
-  backface-visibility: hidden;
-  border-radius: 6px;
-  transform: rotate(45deg) translate(8px, -2px);
-  -ms-transform: rotate(45deg) translate(8px, -2px);
-  -moz-transform: rotate(45deg) translate(8px, -2px);
-  -webkit-transform: rotate(45deg) translate(8px, -2px);
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:hover:before,
-#egwpopup div#egwpopup_header .egwpopup_toggle:hover:after {
-  background-color: gray;
-}
 #egwpopup div#egwpopup_header .egwpopup_seenall {
   float: right;
   width: 10px;
@@ -3948,6 +3905,49 @@ td.message span.message {
   height: auto;
   width: 100%;
 }
+.button_right_toggle {
+  height: 32px;
+  width: 32px;
+  cursor: pointer;
+  position: relative;
+  margin-top: 1px;
+  margin-left: -20px;
+  float: left;
+}
+.button_right_toggle:after {
+  content: "";
+  position: absolute;
+  left: 13px;
+  top: 5px;
+  width: 10px;
+  height: 2px;
+  background-color: silver;
+  backface-visibility: hidden;
+  border-radius: 6px;
+  transform: rotate(145deg) translate(8px, -1px);
+  -ms-transform: rotate(145deg) translate(8px, -1px);
+  -moz-transform: rotate(145deg) translate(8px, -1px);
+  -webkit-transform: rotate(145deg) translate(8px, -1px);
+}
+.button_right_toggle:before {
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 10px;
+  height: 2px;
+  background-color: silver;
+  backface-visibility: hidden;
+  border-radius: 6px;
+  transform: rotate(45deg) translate(8px, -2px);
+  -ms-transform: rotate(45deg) translate(8px, -2px);
+  -moz-transform: rotate(45deg) translate(8px, -2px);
+  -webkit-transform: rotate(45deg) translate(8px, -2px);
+}
+.button_right_toggle:hover:before,
+.button_right_toggle:hover:after {
+  background-color: gray;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 208cf34a40..bb3490a628 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -3761,49 +3761,6 @@ td.lettersearch {
   text-align: center;
   padding: 15px;
 }
-#egwpopup div#egwpopup_header .egwpopup_toggle {
-  height: 32px;
-  width: 32px;
-  cursor: pointer;
-  position: relative;
-  margin-top: 1px;
-  margin-left: -20px;
-  float: left;
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:after {
-  content: "";
-  position: absolute;
-  left: 13px;
-  top: 5px;
-  width: 10px;
-  height: 2px;
-  background-color: silver;
-  backface-visibility: hidden;
-  border-radius: 6px;
-  transform: rotate(145deg) translate(8px, -1px);
-  -ms-transform: rotate(145deg) translate(8px, -1px);
-  -moz-transform: rotate(145deg) translate(8px, -1px);
-  -webkit-transform: rotate(145deg) translate(8px, -1px);
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:before {
-  content: "";
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  width: 10px;
-  height: 2px;
-  background-color: silver;
-  backface-visibility: hidden;
-  border-radius: 6px;
-  transform: rotate(45deg) translate(8px, -2px);
-  -ms-transform: rotate(45deg) translate(8px, -2px);
-  -moz-transform: rotate(45deg) translate(8px, -2px);
-  -webkit-transform: rotate(45deg) translate(8px, -2px);
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:hover:before,
-#egwpopup div#egwpopup_header .egwpopup_toggle:hover:after {
-  background-color: gray;
-}
 #egwpopup div#egwpopup_header .egwpopup_seenall {
   float: right;
   width: 10px;
@@ -3937,6 +3894,49 @@ td.message span.message {
   height: auto;
   width: 100%;
 }
+.button_right_toggle {
+  height: 32px;
+  width: 32px;
+  cursor: pointer;
+  position: relative;
+  margin-top: 1px;
+  margin-left: -20px;
+  float: left;
+}
+.button_right_toggle:after {
+  content: "";
+  position: absolute;
+  left: 13px;
+  top: 5px;
+  width: 10px;
+  height: 2px;
+  background-color: silver;
+  backface-visibility: hidden;
+  border-radius: 6px;
+  transform: rotate(145deg) translate(8px, -1px);
+  -ms-transform: rotate(145deg) translate(8px, -1px);
+  -moz-transform: rotate(145deg) translate(8px, -1px);
+  -webkit-transform: rotate(145deg) translate(8px, -1px);
+}
+.button_right_toggle:before {
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 10px;
+  height: 2px;
+  background-color: silver;
+  backface-visibility: hidden;
+  border-radius: 6px;
+  transform: rotate(45deg) translate(8px, -2px);
+  -ms-transform: rotate(45deg) translate(8px, -2px);
+  -moz-transform: rotate(45deg) translate(8px, -2px);
+  -webkit-transform: rotate(45deg) translate(8px, -2px);
+}
+.button_right_toggle:hover:before,
+.button_right_toggle:hover:after {
+  background-color: gray;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
diff --git a/pixelegg/less/layout_messages.less b/pixelegg/less/layout_messages.less
index 2135e62399..b29a437300 100755
--- a/pixelegg/less/layout_messages.less
+++ b/pixelegg/less/layout_messages.less
@@ -204,48 +204,6 @@
 		color: silver;
 		text-align: center;
 		padding: 15px;
-		.egwpopup_toggle {
-			height: 32px;
-			width: 32px;
-			cursor: pointer;
-			position:relative;
-			margin-top: 1px;
-			margin-left: -20px;
-			float:left;
-			&:after {
-				content: "";
-				position: absolute;
-				left: 13px;
-				top: 5px;
-				width: 10px;
-				height: 2px;
-				background-color: silver;
-				backface-visibility: hidden;
-				border-radius: 6px;
-				transform: rotate(145deg) translate(8px, -1px);
-				-ms-transform: rotate(145deg) translate(8px, -1px);
-				-moz-transform: rotate(145deg) translate(8px, -1px);
-				-webkit-transform: rotate(145deg) translate(8px, -1px);
-			}
-			&:before {
-				content: "";
-				position: absolute;
-				left: 0px;
-				top: 0px;
-				width: 10px;
-				height: 2px;
-				background-color: silver;
-				backface-visibility: hidden;
-				border-radius: 6px;
-				transform: rotate(45deg) translate(8px, -2px);
-				-ms-transform: rotate(45deg) translate(8px, -2px);
-				-moz-transform: rotate(45deg) translate(8px, -2px);
-				-webkit-transform: rotate(45deg) translate(8px, -2px);
-			}
-			&:hover:before, &:hover:after {
-				background-color: gray;
-			}
-		}
 		.egwpopup_seenall {
 			float: right;
 			width: 10px;
@@ -385,4 +343,48 @@ td.message {
 			height: auto;
 			width: 100%;
 	}
-}
\ No newline at end of file
+}
+
+
+.button_right_toggle {
+	height: 32px;
+	width: 32px;
+	cursor: pointer;
+	position:relative;
+	margin-top: 1px;
+	margin-left: -20px;
+	float:left;
+	&:after {
+		content: "";
+		position: absolute;
+		left: 13px;
+		top: 5px;
+		width: 10px;
+		height: 2px;
+		background-color: silver;
+		backface-visibility: hidden;
+		border-radius: 6px;
+		transform: rotate(145deg) translate(8px, -1px);
+		-ms-transform: rotate(145deg) translate(8px, -1px);
+		-moz-transform: rotate(145deg) translate(8px, -1px);
+		-webkit-transform: rotate(145deg) translate(8px, -1px);
+	}
+	&:before {
+		content: "";
+		position: absolute;
+		left: 0px;
+		top: 0px;
+		width: 10px;
+		height: 2px;
+		background-color: silver;
+		backface-visibility: hidden;
+		border-radius: 6px;
+		transform: rotate(45deg) translate(8px, -2px);
+		-ms-transform: rotate(45deg) translate(8px, -2px);
+		-moz-transform: rotate(45deg) translate(8px, -2px);
+		-webkit-transform: rotate(45deg) translate(8px, -2px);
+	}
+	&:hover:before, &:hover:after {
+		background-color: gray;
+	}
+}
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 46a355206e..f90a78eff6 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -3783,49 +3783,6 @@ td.lettersearch {
   text-align: center;
   padding: 15px;
 }
-#egwpopup div#egwpopup_header .egwpopup_toggle {
-  height: 32px;
-  width: 32px;
-  cursor: pointer;
-  position: relative;
-  margin-top: 1px;
-  margin-left: -20px;
-  float: left;
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:after {
-  content: "";
-  position: absolute;
-  left: 13px;
-  top: 5px;
-  width: 10px;
-  height: 2px;
-  background-color: silver;
-  backface-visibility: hidden;
-  border-radius: 6px;
-  transform: rotate(145deg) translate(8px, -1px);
-  -ms-transform: rotate(145deg) translate(8px, -1px);
-  -moz-transform: rotate(145deg) translate(8px, -1px);
-  -webkit-transform: rotate(145deg) translate(8px, -1px);
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:before {
-  content: "";
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  width: 10px;
-  height: 2px;
-  background-color: silver;
-  backface-visibility: hidden;
-  border-radius: 6px;
-  transform: rotate(45deg) translate(8px, -2px);
-  -ms-transform: rotate(45deg) translate(8px, -2px);
-  -moz-transform: rotate(45deg) translate(8px, -2px);
-  -webkit-transform: rotate(45deg) translate(8px, -2px);
-}
-#egwpopup div#egwpopup_header .egwpopup_toggle:hover:before,
-#egwpopup div#egwpopup_header .egwpopup_toggle:hover:after {
-  background-color: gray;
-}
 #egwpopup div#egwpopup_header .egwpopup_seenall {
   float: right;
   width: 10px;
@@ -3959,6 +3916,49 @@ td.message span.message {
   height: auto;
   width: 100%;
 }
+.button_right_toggle {
+  height: 32px;
+  width: 32px;
+  cursor: pointer;
+  position: relative;
+  margin-top: 1px;
+  margin-left: -20px;
+  float: left;
+}
+.button_right_toggle:after {
+  content: "";
+  position: absolute;
+  left: 13px;
+  top: 5px;
+  width: 10px;
+  height: 2px;
+  background-color: silver;
+  backface-visibility: hidden;
+  border-radius: 6px;
+  transform: rotate(145deg) translate(8px, -1px);
+  -ms-transform: rotate(145deg) translate(8px, -1px);
+  -moz-transform: rotate(145deg) translate(8px, -1px);
+  -webkit-transform: rotate(145deg) translate(8px, -1px);
+}
+.button_right_toggle:before {
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 10px;
+  height: 2px;
+  background-color: silver;
+  backface-visibility: hidden;
+  border-radius: 6px;
+  transform: rotate(45deg) translate(8px, -2px);
+  -ms-transform: rotate(45deg) translate(8px, -2px);
+  -moz-transform: rotate(45deg) translate(8px, -2px);
+  -webkit-transform: rotate(45deg) translate(8px, -2px);
+}
+.button_right_toggle:hover:before,
+.button_right_toggle:hover:after {
+  background-color: gray;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *