]> https://gitweb.dealii.org/ - dealii.git/commitdiff
Fix an issue with CSS on Firefox. 7418/head
authorDavid Wells <drwells@email.unc.edu>
Mon, 22 Oct 2018 17:39:39 +0000 (13:39 -0400)
committerDaniel Arndt <daniel.arndt@iwr.uni-heidelberg.de>
Mon, 5 Nov 2018 16:57:31 +0000 (17:57 +0100)
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.

doc/doxygen/stylesheet.css

index b6b49bffdce71a867705cf0404ef93ddec7ca12f..d5bc3096ede2d20f97ce88df6c5b9a02d54d139a 100644 (file)
@@ -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;
 }
 
 

In the beginning the Universe was created. This has made a lot of people very angry and has been widely regarded as a bad move.

Douglas Adams


Typeset in Trocchi and Trocchi Bold Sans Serif.