From: David Wells Date: Mon, 22 Oct 2018 17:39:39 +0000 (-0400) Subject: Fix an issue with CSS on Firefox. X-Git-Url: https://gitweb.dealii.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=aa4e544f3a1e3075ee09d913efb992c35fe647e2;p=dealii.git Fix an issue with CSS on Firefox. Newer versions of Firefox do not use grid-column-gap or grid-row-gap, when either value is a percentage instead of a fixed length, when computing the size of the element. This is not unreasonable; the size of the container depends on the spacing, which in turn depends on the spacing, so defining lengths is difficult. Get around this by just specifying absolute sizes for margins. Since most of our pictures are 500x500 px this is still about 5% anyway. --- diff --git a/doc/doxygen/stylesheet.css b/doc/doxygen/stylesheet.css index b6b49bffdc..d5bc3096ed 100644 --- a/doc/doxygen/stylesheet.css +++ b/doc/doxygen/stylesheet.css @@ -52,10 +52,11 @@ div.image img[src="fe_enriched_h-refinement.png"] { .threecolumn { display: grid; grid-template-columns: 1fr 1fr 1fr; - grid-column-gap: 5%; - grid-row-gap: 5%; + grid-column-gap: 25px; + grid-row-gap: 25px; margin-left: auto; margin-right: auto; + margin-bottom: 25px; } /* @@ -64,10 +65,11 @@ div.image img[src="fe_enriched_h-refinement.png"] { .twocolumn { display: grid; grid-template-columns: 1fr 1fr; - grid-column-gap: 5%; - grid-row-gap: 5%; + grid-column-gap: 25px; + grid-row-gap: 25px; margin-left: auto; margin-right: auto; + margin-bottom: 25px; } /* @@ -76,10 +78,11 @@ div.image img[src="fe_enriched_h-refinement.png"] { .onecolumn { display: grid; grid-template-columns: 1fr; - grid-column-gap: 5%; - grid-row-gap: 5%; + grid-column-gap: 25px; + grid-row-gap: 25px; margin-left: auto; margin-right: auto; + margin-bottom: 25px; }