Opened 2 years ago

Closed 2 years ago

Last modified 2 years ago

#3044 closed Bug (fixed)

Widgets: H2 titles are missing some CSS style when embedded

Reported by: owen Owned by:
Priority: normal Milestone: 1.12.x - Piwik 1.12.x
Component: UI - UX (AngularJS, twig, less) Keywords:
Cc: Sensitive: no

Description

Widgets that are embedded within the main site have the following h2 style:
.widgetContent h2 {
font-size:1.2em;
margin-left:10px;
font-weight:bold;
}

however, there isn't a style for widgets that are embedded within iframes.

To reproduce, go to demo.piwik.org - select Widgets -> Visits Summary -> Overview with graph. Copy and paste the iframe link to a page and view. You will notice the h2 tags doesn't have any left padding, whereas when the widget is viewed within the piwik site, it does.

I've attached a patch that adds a style with left padding only.

Attachments (1)

widgetH2padding.patch (313 bytes) - added by owen 2 years ago.
patch to add style

Download all attachments as: .zip

Change History (4)

Changed 2 years ago by owen

patch to add style

comment:1 Changed 2 years ago by matt (mattab)

  • Component changed from Core to UI (templates, javascript)
  • Milestone set to 1.7.x - Piwik 1.7.2

Thanks for the report and patch

comment:2 Changed 2 years ago by matt (mattab)

  • Resolution set to fixed
  • Status changed from new to closed

(In [6082]) Fixes #3044

comment:3 Changed 2 years ago by matt (mattab)

  • Summary changed from Missing h2 style for iframed widgets to Widgets: H2 titles are missing some CSS style when embedded
Note: See TracTickets for help on using tickets.