From 0493654c85e95454b98ffa6774c6873d91c8ba81 Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Tue, 16 Apr 2024 12:43:14 +0200
Subject: [PATCH] eol notice: surpress highlighting if link was visited

add a class to the whole outer div to manage the CSS rules for the
EOL widget and use this to keep the original color for links even if
they got visited already.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 src/css/ext6-pmx.css   | 5 ++++-
 src/panel/EOLNotice.js | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 2ffd2a8..e2c30c9 100644
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -113,7 +113,10 @@
     color: #3892d4;
 }
 
-.pwt-eol-icon {
+.eol-notice a:visited {
+    color: inherit;
+}
+.eol-notice > i.fa {
     position: relative;
     float: left;
     margin-right: 5px;
diff --git a/src/panel/EOLNotice.js b/src/panel/EOLNotice.js
index f384bb0..43119d1 100644
--- a/src/panel/EOLNotice.js
+++ b/src/panel/EOLNotice.js
@@ -3,6 +3,7 @@ Ext.define('Proxmox.EOLNotice', {
     extend: 'Ext.Component',
     alias: 'widget.proxmoxEOLNotice',
 
+    userCls: 'eol-notice',
     padding: '0 5',
 
     config: {
@@ -24,7 +25,7 @@ Ext.define('Proxmox.EOLNotice', {
 	let message = Ext.String.format(
 	    gettext('Support for {0} {1} ends on {2}'), me.product, me.version, me.eolDate);
 
-	me.html = `<i class="fa pwt-eol-icon fa-exclamation-triangle"></i>
+	me.html = `<i class="fa fa-exclamation-triangle"></i>
 	    <a href="${href}" target="_blank">${message} <i class="fa fa-external-link"></i></a>
 	`;