Spaces in Webapp & Deskapp

zash1958

For me the grid, the contents of mails, the mail and folder list are consuming too much space ATM.

The number of mails lised in a folder ist “unnecessarily” limited by wasting space displaying too big sender and sunbect lines. They could be much smaller and also the distance between the lines for sender and subject could be reduced.

Any tip for us where (css file) this could be modified? This is NOT a question of scaling (CTRL- or CTRL+). It is as actual designed a big waste of space

TIA

Uwe

norman

You want to reduce the high of the mail title with css, f.e.?
(I wouldn’t change the standard code.)

To find out what to change you can use Firefox, f.e… Open the web-developement tools and use the inspector. Show on the element you want to change and change the css data. You will see the result in the WebApp in this moment. This don’t change the code - but you can find the correct css code.

To my example:

kopano.css:7735
.preview-header-titlebox,.preview-header-title .preview-title {line-height: 5px; min-height: 5px; margin-right: 5px;}

Norman

zash1958

I want to reduce the empty spaces in the list of the folder contents. The mail previw itself is OK for me. But the list of folder contents wastes a LOT of space.
In the first line there is sender/size/date etc and in the second line the subject. Here is a lot of unnecessary space which can (hopefully) reduced in the appropriate CSS?

Compared to the list of the folder content in Thunderbird You have not even half the mails in Kopano Desk/Webapp.

Newer designs seems often follow a new rule —> HALF information in DOUBLE space?

Any hint WHERE to make experiments with this?

norman

In my older WebApp version one list entry has only one row.

You can try:

kopano.css:4703
.x-grid3-row .x-grid3-cell-inner {line-height: 60% ...}

kopano.css:4759
.x-grid3-row.x-grid3-row-expanded.with-categories .x-grid3-row-body { padding-bottom: 0px; }

kopano.css:4718
.x-grid3-row .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact { min-height: 15px; padding-top: 2px; }

New:

Old:

zash1958

VERY MUCH THANKS

Thats it, now it looks as desired :-)

marty

@zash1958 You can make a theme (JSON or normal) for it and make it default so an update of webapp will not override your changes