Keep the images layout fixed even if some fail to load

Icinga · Mar 20, 2018 · cec7a1d · cec7a1d
1 parent 6caea7a
commit cec7a1d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/library/Graphite/Web/Widget/Graphs.php b/library/Graphite/Web/Widget/Graphs.php
@@ -254,7 +254,8 @@ protected function getGraphsList()
                                     '<img id="graphiteImg-'
                                     . md5((string) $imageUrl->without('cachebuster'))
                                     . "\" src=\"$imageUrl\" class=\"detach graphiteImg\" alt=\"\""
-                                    . " width=\"$this->width\" height=\"$this->height\">",
+                                    . " width=\"$this->width\" height=\"$this->height\""
+                                    . " style=\"min-width: {$this->width}px; min-height: {$this->height}px;\">",
                                     $metricVariables,
                                     $bestPos
                                 ];

diff --git a/public/css/module.less b/public/css/module.less
@@ -15,6 +15,7 @@ div.images.monitored-object-detail-view {
 
   img.graphiteImg {
     width: 100%;
+    display: block;
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,6 +15,7 @@ div.images.monitored-object-detail-view { @@
       img.graphiteImg {
         width: 100%;
+        display: block;
       }
     }
@@ Expand Down @@