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

From: Dominik Csapak <d.csapak@proxmox.com>
To: Proxmox Datacenter Manager development discussion
	<pdm-devel@lists.proxmox.com>,
	Stefan Hanreich <s.hanreich@proxmox.com>
Subject: Re: [pdm-devel] [PATCH proxmox-datacenter-manager 09/16] ui: sdn: add vnet icon
Date: Wed, 27 Aug 2025 16:06:20 +0200	[thread overview]
Message-ID: <84a1f491-88a5-421e-ac41-45a16c985215@proxmox.com> (raw)
In-Reply-To: <20250827113427.199253-26-s.hanreich@proxmox.com>

not super important, but while we're at it, do we maybe want to reuse 
the sdn icon from pve for the evpn entry in the navmenu ? (or is that 
not fitting?)

On 8/27/25 1:40 PM, Stefan Hanreich wrote:
> 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>

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