First big change for 2.x: remove all the PNG background images, and re-build the layout with flexbox, using CSS gradients and box-shadows.

CommentFileSizeAuthor
#1 2465605.garland.flexbox-gradients.patch20.76 KBjoachim
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

joachim’s picture

Status: Active » Fixed
FileSize
20.76 KB

This is two big changes, but they have to be taken together because in the 1.x Garland, the background lines don't match up at all with the edges of the structural elements.

I'm able to replicate just about everything with CSS gradients and box-shadow, except the vertical shadow on the sidebars that fades out down the page. It should in theory be doable with multiple overlapping gradients, but I ran into trouble with overlapping colours not behaving quite as expected.

Also, we still need a small hack: the breadcrumbs gradient is fluid-width and has two ends, so we need two elements for that.

  • joachim committed c917d24 on 8.x-2.x
    Issue #2465605 by joachim: Changed page layout to use flexbox; replaced...
joachim’s picture

Version: 8.x-1.x-dev » 8.x-2.x-dev

Fixing the version now that the release makes it available to select.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.