From: Marek Bachmann <marek.bachmann@comtec.eecs.uni-kassel.de>
Date: Mon, 12 Dec 2022 21:57:16 +0000 (+0100)
Subject: Moved image_grid.css content to global.css and use unique class names for imagegrid... 
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=8690b311a873dd35c3c66d18a8fa677b5f01eea0;p=friendica.git

Moved image_grid.css content to global.css and use unique class names for imagegrid style classes, removed id for div
---

diff --git a/view/global.css b/view/global.css
index 4101f0fe0a..81a1ba2095 100644
--- a/view/global.css
+++ b/view/global.css
@@ -680,3 +680,33 @@ span.required {
 audio {
   width: 100%;
 }
+
+/**
+ * Image grid settings START
+ **/
+.imagegrid-row {
+	display: -ms-flexbox; /* IE10 */
+	display: flex;
+	-ms-flex-wrap: wrap; /* IE10 */
+	flex-wrap: wrap;
+	padding: 0 4px;
+	box-sizing: border-box;
+}
+
+/* Create four equal columns that sits next to each other */
+.imagegrid-column {
+	-ms-flex: 50%; /* IE10 */
+	flex: 50%;
+	max-width: 50%;
+	padding: 0 4px;
+	box-sizing: border-box;
+}
+
+.imagegrid-column img {
+	margin-top: 8px;
+	vertical-align: middle;
+	width: 100%;
+}
+/**
+ * Image grid settings END
+ **/
\ No newline at end of file
diff --git a/view/templates/content/image_grid.tpl b/view/templates/content/image_grid.tpl
index 8f5cbabcae..95e49ee3e1 100644
--- a/view/templates/content/image_grid.tpl
+++ b/view/templates/content/image_grid.tpl
@@ -1,13 +1,11 @@
-<link rel="stylesheet" href="view/theme/frio/css/image_grid.css" type="text/css" media="screen"/>
-
-<div id="row" class="row">
-	<div class="column">
-        {{foreach $columns.fc as $img}}
-	        	{{include file="content/image.tpl" image=$img}}
+<div class="imagegrid-row">
+	<div class="imagegrid-column">
+		{{foreach $columns.fc as $img}}
+				{{include file="content/image.tpl" image=$img}}
 		{{/foreach}}
 	</div>
-	<div class="column">
-        {{foreach $columns.sc as $img}}
+	<div class="imagegrid-column">
+		{{foreach $columns.sc as $img}}
 				{{include file="content/image.tpl" image=$img}}
 		{{/foreach}}
 	</div>
diff --git a/view/theme/frio/css/image_grid.css b/view/theme/frio/css/image_grid.css
deleted file mode 100644
index 2ecbcafea8..0000000000
--- a/view/theme/frio/css/image_grid.css
+++ /dev/null
@@ -1,25 +0,0 @@
-* {
-	box-sizing: border-box;
-}
-
-.row {
-	display: -ms-flexbox; /* IE10 */
-	display: flex;
-	-ms-flex-wrap: wrap; /* IE10 */
-	flex-wrap: wrap;
-	padding: 0 4px;
-}
-
-/* Create four equal columns that sits next to each other */
-.column {
-	-ms-flex: 50%; /* IE10 */
-	flex: 50%;
-	max-width: 50%;
-	padding: 0 4px;
-}
-
-.column img {
-	margin-top: 8px;
-	vertical-align: middle;
-	width: 100%;
-}