Hi all,
After the newest change of the OMV Gui, everything looked a little bit too big for me as I don't like "wasted" space on my screen (see also this Pull Request). There's a reason why I have a high screen resolution and it is not to fill it with white but to display information So I created a theme-custom.css which I'd like to share with you. Basically I just decreased paddings and some other stuff. As I'm not a CSS specialist I don't know whether everything makes sense, I used Chrome to determine to parameters and then changed it. And some proportions might also not be perfect, but it's fine for me.
Copy it to /var/www/openmediavault/css/theme-custom.css
.x-grid-cell-inner {
padding-top: 2px;
padding-bottom: 2px;
}
.x-panel-header-default-horizontal.x-header-noborder {
padding: 6px 16px 6px 16px;
}
.x-form-item-label-default {
padding-top: 0px;
vertical-align: middle;
}
.x-column-header-inner {
padding: 2px 10px 2px;
}
.style {
height: 24px;
}
.x-window-header-default-top {
padding: 2px 14px 2px 14px;
}
.x-grid-item {
font: 400 13px/15px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
.x-tab-default-top {
padding: 2px 10px 2px 10px;
}
.x-btn-default-toolbar-small {
padding: 3px 7px 3px 7px;
}
.x-panel-header-default-horizontal {
padding: 8px 15px 7px;
}
#header {
height: 60px;
}
#headerlogo {
margin-top: 10px;
}
.x-fieldset .x-fieldset-header {
padding: 2px 5px 2px 5px;
}
element.style {
padding: 6px 5px 0px 5px;
}
/* Uncomment the following section if you would like to hide the logo */
/*
#header {
display: none;
}
*/
Alles anzeigen
Maybe it's helpful for someone likewise as well.
And thanks for the possibility to customize the GUI!