konevsa/proxmox-widget-toolkit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

eol notice: surpress highlighting if link was visited

Browse Source 
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>
This commit is contained in:
Thomas Lamprecht 2024-04-16 12:43:14 +02:00
parent 120b530a31
commit 0493654c85
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/css/ext6-pmx.css
View File

@ -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;

3
src/panel/EOLNotice.js
View File

@ -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>
`;