]> git.proxmox.com Git - proxmox-widget-toolkit.git/commit
css: correctly mask disabled elements inside headers
authorThomas Lamprecht <t.lamprecht@proxmox.com>
Sat, 20 Apr 2024 12:51:45 +0000 (14:51 +0200)
committerThomas Lamprecht <t.lamprecht@proxmox.com>
Sat, 20 Apr 2024 15:19:24 +0000 (17:19 +0200)
commitb1df1f0efb6e0a290cd7376244f01fbbee2ead72
tree1b24e4934198240d86743d7f63b02ae5cba31c54
parent48830b971369de6040a3c99c8d8867db97eeb743
css: correctly mask disabled elements inside headers

The mask ExtJS uses to add a disabled look is using the general
default background color of panels as base color, i.e. white for light
mode and almost black for the dark mode.

But as the top header of windows uses a darker variant, having a mask
applied on some icons that is rendered directly in the header, without
any (button) element that provides its own background color, will make
that element show off.

This mostly happens for Tools, which we do not have many besides the
"Close" on, which is almost never disabled.

This was noticed when trying out to move the reset button inside the
window header tool bar, when that was disabled (e.g., form was not
dirty) it stuck out quite a bit in an odd way.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
src/css/ext6-pmx.css
src/proxmox-dark/scss/extjs/_window.scss