Edgewall Software
Modify

Opened 3 months ago

Last modified 3 months ago

#13226 reopened defect

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

Reported by: massimo.b@… Owned by:
Priority: normal Milestone: next-stable-1.4.x
Component: report system Version: 1.4
Severity: normal Keywords: css
Cc: Branch:
Release Notes:
API Changes:

Description

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?

Attachments (0)

Change History (8)

comment:1 by Jun Omae, 3 months ago

Resolution: wontfix
Status: newclosed

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.

in reply to:  description comment:2 by Jun Omae, 3 months ago

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.

comment:3 by Jun Omae, 3 months ago

Resolution: wontfix
Status: closedreopened

comment:4 by Jun Omae, 3 months ago

Work around:

  • trac/htdocs/css/report.css

    diff --git a/trac/htdocs/css/report.css b/trac/htdocs/css/report.css
    index a2a35d24b..42a5af99a 100644
    a b  
    4242.report div.reports h3 :link, .report div.reports h3 :visited {
    4343 color: #000;
    4444 border-bottom: none;
     45 display: block;
    4546}
    4647.report div.reports h3 em {
    4748 color: #800;

comment:5 by Jun Omae, 3 months ago

Milestone: next-stable-1.4.x
Summary: Layout of /report, no line separatorHard to find buttons of each report due to the border removed

comment:6 by massimo.b@…, 3 months ago

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.

comment:7 by massimo.b@…, 3 months ago

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?

in reply to:  7 comment:8 by Jun Omae, 3 months ago

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.

Modify Ticket

Change Properties
Set your email in Preferences
Action
as reopened The ticket will remain with no owner.
The ticket will be disowned. Next status will be 'new'.
as The resolution will be set. Next status will be 'closed'.
The owner will be changed from (none) to anonymous. Next status will be 'assigned'.

Add Comment


E-mail address and name can be saved in the Preferences .
 
Note: See TracTickets for help on using tickets.