Proxmox/proxmox-widget-toolkit
5
0
Fork 0
Code Pull Requests Releases Activity

css: improve icon rendering

Browse Source 
Font Awesome is intended to be used at 14px font-size, we set that
already over product specific CSS for some elements like buttons.

But, for tab panel icons and tree navigation views it was often
overruled by ExtJS to 13px which made look them quite blurry and even
the position was a bit off (to high when compared to the texts
baseline.

Fix that by overwriting the font-size to 14px of the
x-treelist-item-icon and x-tab-icon-el-default class, for the latter
improve the icon to text possition by setting a slight top margin.

Setting the color to black was already done by each product, so move
that over here.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2020-10-31 09:52:10 +01:00
parent 050c168499
commit 7bb32b58d1
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -69,3 +69,14 @@ div.right-aligned {
.x-progress.warning .x-progress-bar{
background-color: #FFCC00;
}
.x-treelist-item-icon {
color: #000;
font-size: 14px;
}
.x-tab-icon-el-default {
color: #000;
font-size: 14px;
margin-top: 2px;
}