Opened 6 years ago

Closed 6 years ago

Last modified 6 years ago

#3571 closed enhancement (invalid)

Add background-repeat & background-position in the Plugin directory css

Reported by: mostafas1990's profile mostafa.s1990 Owned by:
Milestone: Priority: normal
Component: Plugin Directory Keywords: ui-feedback has-screenshots needs-design



I'm surprised why these 2 values are not added with (

.single .entry-thumbnail .plugin-icon {
    -webkit-background-size: contain!important;
    background-size: contain!important;
    height: 96px!important;
    width: 96px!important;
    background-repeat: no-repeat;
    background-position: center;

See the attachment.

Attachments (1) (137.5 KB) - added by mostafa.s1990 6 years ago.

Download all attachments as: .zip

Change History (4)

#1 follow-up: @Otto42
6 years ago

Well, it's usually not needed, because we expect people to make their icons square.

This icon isn't square: view-source:

Note the svg header:

<svg xmlns="" viewBox="0 0 292.12 298.15">

292.12 != 298.15

#2 in reply to: ↑ 1 ; follow-up: @dd32
6 years ago

  • Milestone Plugin Directory v3.0 deleted
  • Resolution set to invalid
  • Status changed from new to closed

The background positioning is deliberately not included, as icons are supposed to tile.

Most plugin icons provided by authors are the correct size, and as a result are square and do not tile like that.

Most geopattern icons are tiled, although some are square, compare: (Square, doesn't need to tile, but could) (Rectangular, tiles vertically)

I'm going to close this one as invalid myself, as we need tiling, and if you make the icon the correct size there's no issues.
(Sidenote: I don't think core does tiling, and instead stretches icons instead incorrectly)

#3 in reply to: ↑ 2 @mostafa.s1990
6 years ago

Thank you @dd32, @Otto42,

The issue solved.

Note: See TracTickets for help on using tickets.