ui: tune badge styling a bit

the idea is to blend in when no task is running, thus no
background-color there. When tasks are running use the proxmox
branding guideline dark-grey, it isn't used as often so it should
fall into ones eye when changing but it has some use so it doesn't
seems out of place.

Reduce the border radius by a lot, so that it seems similar to the
one our ExtJS theme uses for the buttons outside - the original
border radius seems like it comes from the time where this was
intended to be a floating badge, there it'd make sense but as
integrated button one this seems to fit the style much more.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2020-07-09 21:51:24 +02:00
parent 33a87bc39a
commit 41067870c6

View File

@ -199,13 +199,12 @@ p.logs {
.pmx-button-badge {
display: inline-block;
font-weight: bold;
border-radius: 20px;
background-color: #AAA;
border-radius: 4px;
padding: 2px 3px;
min-width: 24px;
line-height: 1em;
}
.pmx-button-badge.active {
background-color: #F00;
background-color: #464d4d;
}