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>

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 2ffd2a8a0be2be9f5699868b6b7129cb7b372bd0..e2c30c95cd2dad6793c4a36b0c55b82c11a8fd53 100644 (file)
--- 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 f384bb00f0296ecf7b68aa52957ca6eff7ef0a1e..43119d165bcaf75328579f1b1c15cbb4d48ad440 100644 (file)
--- 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>
        `;