Hard to find buttons of each report due to the border removed

[massimo.b@…]

The layout of /report has changed after migration from 1.2.3 to 1.4. With 1.2.3 there was a dotted line from the report title to the buttons, separating the lines. Now that line has disappeared. While the page witdth is automatically set to window width it is hard to find the button on common screen sizes. The old version you can see on https://trac.edgewall.org/demo-1.2/report

Either put the buttons directly after the titles, reduce the width or add some line separators.

Is there a quick workaround by overwriting the CSS to solve this?

[Jun Omae]

Not a defect. The style has been changed as same of h3 in wiki page, in [15523#file4] (#12640, #633). That's intentional.

Use custom style sheets by reference to TracInterfaceCustomization#SiteAppearance.

[Jun Omae]

Replying to massimo.b@…:

While the page witdth is automatically set to window width it is hard to find the button on common screen sizes.

Ah, agreed about this point.

[Jun Omae]

Work around:

trac/htdocs/css/report.css

@@ -42 +42 @@
 .report div.reports h3 :link, .report div.reports h3 :visited {
  color: #000;
  border-bottom: none;
+ display: block;
 }
 .report div.reports h3 em {
  color: #800;

[massimo.b@…]

Thanks for the hint. I know, it's a matter of taste, but a

border-bottom: 1px dotted;
display: block;

makes it even better readable.

[massimo.b@…]

How would I make that CSS change here? Inside $PROJECTENV I have

$ cat htdocs/report.css 
.report div.reports h3 :link, .report div.reports h3 :visited {
    color: #000;
    border-bottom: 1px dotted lightgrey;
    display: block;
}

Then I did trac-admin $PROJECTENV deploy $PROJECTENV/static The paths are correct, usually I deploy static content like that with the existing webserver config. But a deep refresh of the page does not get this CSS. How can I overwrite that section?

[Jun Omae]

Replying to massimo.b@…:

But a deep refresh of the page does not get this CSS. How can I overwrite that section?

Please read TracInterfaceCustomization#SiteAppearance again and use developer tools in your browser.

[Ryan J Ollos]

Milestone renamed