tyler
/
proxmox-backup
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
www/css/ext6-pbs.css
View File

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