From 831410e8f037ce852d7c3a52259d59dc575804d4 Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Tue, 7 Feb 2023 15:48:39 +0100
Subject: [PATCH] Whitelist images dropdown #201

---
 .../app/templates/Views/User/MailMessageView.html     | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
index 81b804924..68a3d1b1d 100644
--- a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
+++ b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
@@ -281,8 +281,15 @@
 
 						<div class="showImages" data-bind="visible: message().hasImages()">
 							<div class="btn" data-bind="click: showImages" data-icon="🖼" data-i18n="MESSAGE/BUTTON_SHOW_IMAGES"></div>
-							<div data-bind="foreach: message().whitelistOptions()">
-								<div class="btn" data-bind="click: $root.whitelistText, text: $data" data-icon="🖼"></div>
+							<div class="btn-group" data-bind="registerBootstrapDropdown: true" style="display: inline-block">
+								<a class="btn dropdown-toggle" id="whitelist-dropdown-id" data-icon="🖼" href="#" tabindex="-1"><span data-i18n="SETTINGS_GENERAL/IMAGES_WHITELIST"></span> ▼</a>
+								<menu class="dropdown-menu right-edge" role="menu" aria-labelledby="whitelist-dropdown-id">
+									<!-- ko foreach: message().whitelistOptions() -->
+									<li role="presentation">
+										<a href="#" tabindex="-1" data-bind="click: $root.whitelistText, text: $data"></a>
+									</li>
+									<!-- /ko -->
+								</menu>
 							</div>
 						</div>
 					</div>