From 62d13a12d1c9a6edc42898d00bb994944c7b8eac Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Thu, 21 Jul 2022 11:45:08 +0200
Subject: [PATCH] Replace bootstrap .caret with unicode

---
 dev/Styles/User/Layout.less                   | 10 ++++++---
 .../templates/Views/User/MailMessageList.html |  1 -
 .../templates/Views/User/PopupsContacts.html  |  5 +----
 .../templates/Views/User/SystemDropDown.html  |  1 -
 vendors/bootstrap/less/button-groups.less     |  6 -----
 vendors/bootstrap/less/dropdowns.less         | 22 -------------------
 6 files changed, 8 insertions(+), 37 deletions(-)

diff --git a/dev/Styles/User/Layout.less b/dev/Styles/User/Layout.less
index 03730c135..3be2db9b2 100644
--- a/dev/Styles/User/Layout.less
+++ b/dev/Styles/User/Layout.less
@@ -142,6 +142,13 @@ html.rl-side-preview-pane {
 	}
 }
 
+#top-system-dropdown-id::after,
+#move-dropdown-id.dropdown-toggle::after,
+#button-add-prop-dropdown-id::after {
+	content: '▼';
+	font-size: 80%;
+}
+
 .dropdown-menu * + .dividerbar {
 	margin-top: 9px;
 	padding-top: 9px;
@@ -166,9 +173,6 @@ html.rl-side-preview-pane {
 
 .btn-group.open .btn.btn-transparent.dropdown-toggle {
 	color: #BD362F;
-	.caret {
-		border-top-color: #BD362F;
-	}
 }
 
 .btn-group > .btn.single {
diff --git a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
index 239acbb6e..0c391e845 100644
--- a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
+++ b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
@@ -13,7 +13,6 @@
 		<a id="move-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle buttonMove" data-bind="command: moveCommand" data-i18n="[title]GLOBAL/MOVE_TO">
 			<i class="icon-copy visible-on-ctrl-btn"></i>
 			<i class="fontastic hidden-on-ctrl-btn">📁</i>
-			<span class="caret"></span>
 		</a>
 		<menu class="dropdown-menu" role="menu" aria-labelledby="move-dropdown-id" role="menu" data-bind="foreach: folderMenuForMove">
 			<li role="presentation" data-bind="css: { 'disabled': disabled }, click: function (mdata, oEvent) { if (!disabled) $root.moveSelectedMessagesToFolder(id, oEvent && !!oEvent.ctrlKey); }">
diff --git a/snappymail/v/0.0.0/app/templates/Views/User/PopupsContacts.html b/snappymail/v/0.0.0/app/templates/Views/User/PopupsContacts.html
index cbd70b395..09bd7b3b6 100644
--- a/snappymail/v/0.0.0/app/templates/Views/User/PopupsContacts.html
+++ b/snappymail/v/0.0.0/app/templates/Views/User/PopupsContacts.html
@@ -81,10 +81,7 @@
 			</button>
 		</div>
 		<div class="btn-group dropdown" data-bind="visible: !emptySelection(), registerBootstrapDropdown: true">
-			<a id="button-add-prop-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle">
-				<span data-i18n="CONTACTS/ADD_MENU_LABEL"></span>
-				<span class="caret"></span>
-			</a>
+			<a id="button-add-prop-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle" data-i18n="CONTACTS/ADD_MENU_LABEL"></a>
 			<menu class="dropdown-menu right-edge" style="text-align: left" tabindex="-1" role="menu" aria-labelledby="button-add-prop-dropdown-id">
 				<li role="presentation">
 					<a href="#" tabindex="-1" data-bind="click: addNewEmail">
diff --git a/snappymail/v/0.0.0/app/templates/Views/User/SystemDropDown.html b/snappymail/v/0.0.0/app/templates/Views/User/SystemDropDown.html
index 2c80c7938..bb34f21d9 100644
--- a/snappymail/v/0.0.0/app/templates/Views/User/SystemDropDown.html
+++ b/snappymail/v/0.0.0/app/templates/Views/User/SystemDropDown.html
@@ -13,7 +13,6 @@
 			<b data-bind="visible: 99 < accountsUnreadCount()">99+</b>
 			&nbsp;
 -->
-			<span class="caret"></span>
 		</a>
 		<menu class="dropdown-menu right-edge" tabindex="-1" role="menu" aria-labelledby="top-system-dropdown-id">
 
diff --git a/vendors/bootstrap/less/button-groups.less b/vendors/bootstrap/less/button-groups.less
index 662717884..d3ef30963 100644
--- a/vendors/bootstrap/less/button-groups.less
+++ b/vendors/bootstrap/less/button-groups.less
@@ -54,9 +54,3 @@
 .btn-group > .btn.active {
   z-index: 2;
 }
-
-// Reposition the caret
-.btn .caret {
-  margin-top: 8px;
-  margin-left: 0;
-}
diff --git a/vendors/bootstrap/less/dropdowns.less b/vendors/bootstrap/less/dropdowns.less
index 5bba82d2b..f0468f2c5 100644
--- a/vendors/bootstrap/less/dropdowns.less
+++ b/vendors/bootstrap/less/dropdowns.less
@@ -3,28 +3,6 @@
 // --------------------------------------------------
 
 
-// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
-.dropdown {
-  position: relative;
-}
-
-// Dropdown arrow/caret
-// --------------------
-.caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  vertical-align: top;
-  border: 4px solid transparent;
-  border-top-color: @black;
-}
-
-// Place the caret
-.dropdown .caret {
-  margin-top: 8px;
-  margin-left: 2px;
-}
-
 // The dropdown menu (ul)
 // ----------------------
 .dropdown-menu {