VMware Cloud Community
lonelysysop
Contributor
Contributor

Has anyone customized CSS for vcenter 7?

I seem to have quite a bit of white space in the vcenter UI. I'm not a CSS guru, so me changing stuff usually doesn't go well. I was just wondering if anyone knew of any CSS hacks to tighten up the spacing?

1 Reply
raizon
Contributor
Contributor

You need to edit class clr-treenode-caret in file /usr/lib/vmware-vsphere-ui/server/static/resources9829778/ng-next-app/styles/clr-ui-dark-a11y.min.css and file /usr/lib/vmware-vsphere-ui/server/static/resources9829778/ng-next-app/styles/clr-ui-a11y.min.css

.clr-treenode-caret {
flex: 0 0 1.62rem;   ### Edit value here
padding: 0;
margin: 0;
height: 1.62rem;   ### Edit value here
width: 1.62rem;   ### Edit value here
background: none;
border: none;
color: #acbac3;
cursor: pointer;
outline-offset:-.25rem
}

set 1.2rem to get console like 6.7

 

Reply
0 Kudos