[pdm-devel] [PATCH proxmox-datacenter-manager v4 09/15] ui: sdn: add vnet icon

[Stefan Hanreich <s.hanreich@proxmox.com>]

The icon for VNets is not contained in font awesome, so we add it
manually here for using it in PDM.

Signed-off-by: Stefan Hanreich <s.hanreich@proxmox.com>
---
 ui/css/pdm.scss             | 14 +++++++++++++-
 ui/images/icon-sdn-vnet.svg |  6 ++++++
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 ui/images/icon-sdn-vnet.svg

diff --git a/ui/css/pdm.scss b/ui/css/pdm.scss
index 8e6fbb3..f0940a6 100644
--- a/ui/css/pdm.scss
+++ b/ui/css/pdm.scss
@@ -59,9 +59,21 @@
     display: inline-block;
 }
 
+.fa-sdn-vnet::before {
+    content: " ";
+    background-image: url(./images/icon-sdn-vnet.svg);
+    background-size: 16px 16px;
+    background-repeat: no-repeat;
+    width: 16px;
+    height: 16px;
+    vertical-align: bottom;
+    display: inline-block;
+}
+
 :root.pwt-dark-mode {
     .fa-memory,
-    .fa-cpu {
+    .fa-cpu,
+    .fa-sdn-vnet {
         filter: invert(90%);
     }
 }
diff --git a/ui/images/icon-sdn-vnet.svg b/ui/images/icon-sdn-vnet.svg
new file mode 100644
index 0000000..9d8becf
--- /dev/null
+++ b/ui/images/icon-sdn-vnet.svg
@@ -0,0 +1,6 @@
+<!-- from open parts of font-awesome 5
+https://github.com/FortAwesome/Font-Awesome/blob/ce084cb3463f15fd6b001eb70622d00a0e43c56c/svgs/solid/network-wired.svg
+-->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
+    <path d="M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z"/>
+</svg>
-- 
2.47.2


_______________________________________________
pdm-devel mailing list
pdm-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pdm-devel