Updated bootstrap icons, replaced bi-share with svg to fix #274

Author: Forceu

internal/webserver/web/static/assets/dist/icons/bootstrap-icons.min.css

@@ -790,7 +790,10 @@ function createButtonGroup(item) {
     btnShare.className = "btn btn-outline-light btn-sm";
     btnShare.title = "Share";
     btnShare.onclick = () => shareUrl(item.Id);
-    btnShare.innerHTML = `<i class="bi bi-share"></i>`;
+    // For some reason bi-share does not always show up, using the svg fixes it 
+    btnShare.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi" viewBox="0 0 16 16">
+ 				 <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5m-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"/>
+			</svg>`;
     group1.appendChild(btnShare);
 
 

internal/webserver/web/static/assets/dist/icons/fonts/bootstrap-icons.woff

@@ -242,13 +242,18 @@
 
 {{ define "admin_button_share" }}
 		    <button type="button" class="btn btn-outline-light btn-sm" title="Share" onclick="shareUrl('{{ .CurrentFile.Id }}',
-		       '{{ .CurrentFile.UrlDownload }}')"><i class="bi bi-share"></i></button>
+		       '{{ .CurrentFile.UrlDownload }}')">
+		       <!-- For some reason bi-share does not always show up, using the svg fixes it -->
+		       	<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi" viewBox="0 0 16 16">
+ 				 <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5m-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"/>
+			</svg>
+</button>
 		    <button type="button" class="btn btn-outline-light btn-sm dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
 		    </button>
 			<ul class="dropdown-menu dropdown-menu-end" data-bs-theme="dark" >
-			    <li style="cursor: pointer;"><a class="dropdown-item" id="qrcode-{{ .CurrentFile.Id }}" title="Open QR Code" class="btn btn-outline-light btn-sm" onclick="showQrCode('{{ .CurrentFile.UrlDownload }}');"><i class="bi bi-qr-code"></i> QR Code</a></li>
+			    <li style="cursor: pointer;"><a class="dropdown-item" id="qrcode-{{ .CurrentFile.Id }}" title="Open QR Code" onclick="showQrCode('{{ .CurrentFile.UrlDownload }}');"><i class="bi bi-qr-code"></i> QR Code</a></li>
 			    <li style="cursor: pointer;"><a class="dropdown-item" id="email-{{ .CurrentFile.Id }}" href="mailto:?body={{ .CurrentFile.UrlDownload | urlquery}}"
-			       target="_blank" title="Share via email" class="btn btn-outline-light btn-sm"><i class="bi bi-envelope"></i> Email</a></li>
+			       target="_blank" title="Share via email"><i class="bi bi-envelope"></i> Email</a></li>
 			</ul>
 {{ end }}