New: About page with env information (#7161)

* infobox

* i18n

* CSS improved

* themes

* Update app/views/index/about.phtml

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

* Update app/views/index/about.phtml

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

* Environment information => System information

* Issue templates: Env info -> System info

* i18n: IT

Co-authored-by: UserRoot-Luca <55756898+UserRoot-Luca@users.noreply.github.com>

* i18n: DE

* Update app/i18n/it/index.php

Co-authored-by: UserRoot-Luca <55756898+UserRoot-Luca@users.noreply.github.com>

* added: php_uname()

* i18n: fr

* Add database version

---------

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
Co-authored-by: UserRoot-Luca <55756898+UserRoot-Luca@users.noreply.github.com>

8 files changed, 50 insertions, 0 deletions

diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index c5a65f58f..6e5ebc2d4 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -29,6 +29,7 @@
 
 	--border-color-dark: #333;
 	--border-color-middle: #666;
+	--frss-border-color: var(--border-color-dark);
 	--border-color-favorite: #ffc300;
 	--border-color-unread: #e74c3c;
 
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index 1ec1e29d6..7258b5b17 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -29,6 +29,7 @@
 
 	--border-color-dark: #333;
 	--border-color-middle: #666;
+	--frss-border-color: var(--border-color-dark);
 	--border-color-favorite: #ffc300;
 	--border-color-unread: #e74c3c;
 
diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css
index 511278b71..9c7754a36 100644
--- a/p/themes/Nord/nord.css
+++ b/p/themes/Nord/nord.css
@@ -53,6 +53,7 @@
 	--frss-background-color-middle: var(--highlight);
 	--frss-background-color-dark: var(--light-bg);
 	--frss-background-color-error-transparent: #bf616a40;
+	--frss-border-color: var(--border-elements);
 
 	--frss-scrollbar-handle: #0002;
 	--frss-scrollbar-handle-hover: var(--nord1-polarnight);
diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css
index b6c3434a6..c35f7d158 100644
--- a/p/themes/Nord/nord.rtl.css
+++ b/p/themes/Nord/nord.rtl.css
@@ -53,6 +53,7 @@
 	--frss-background-color-middle: var(--highlight);
 	--frss-background-color-dark: var(--light-bg);
 	--frss-background-color-error-transparent: #bf616a40;
+	--frss-border-color: var(--border-elements);
 
 	--frss-scrollbar-handle: #0002;
 	--frss-scrollbar-handle-hover: var(--nord1-polarnight);
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 5cab9bef8..2141c3104 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -72,6 +72,7 @@
 
 	--border-color: #ddd;
 	--border-color-shadow-side: #ccc;
+	--frss-border-color: var(--border-color);
 	--contrast-border-color-active: #0062be;
 
 	--form-element-font-color-focus: #0062be;
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index 99a0364e7..f73610533 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -72,6 +72,7 @@
 
 	--border-color: #ddd;
 	--border-color-shadow-side: #ccc;
+	--frss-border-color: var(--border-color);
 	--contrast-border-color-active: #0062be;
 
 	--form-element-font-color-focus: #0062be;
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index fe988986d..0cf6df1e4 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -2365,6 +2365,28 @@ html.slider-active {
 	overflow-x: auto;
 }
 
+.envInfo summary {
+	margin-top: 0.5rem;
+	padding-left: 0.25rem;
+	font-weight: bold;
+	cursor: pointer;
+}
+
+.envInfo dl {
+	margin: 1rem 2rem 2rem 1.5rem;
+	padding: 2rem 4rem 2rem 2rem;
+	border: 1px solid var(--frss-border-color);
+}
+
+.envInfo dt::after {
+	content: ":";
+}
+
+.envInfo dd {
+	margin-bottom: 0.5rem;
+	padding-left: 2rem;
+	font-family: monospace;
+}
 /*=== MOBILE */
 /*===========*/
 
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index d3d76f6a9..cf08ac5e5 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -2365,6 +2365,28 @@ html.slider-active {
 	overflow-x: auto;
 }
 
+.envInfo summary {
+	margin-top: 0.5rem;
+	padding-right: 0.25rem;
+	font-weight: bold;
+	cursor: pointer;
+}
+
+.envInfo dl {
+	margin: 1rem 1.5rem 2rem 2rem;
+	padding: 2rem 2rem 2rem 4rem;
+	border: 1px solid var(--frss-border-color);
+}
+
+.envInfo dt::after {
+	content: ":";
+}
+
+.envInfo dd {
+	margin-bottom: 0.5rem;
+	padding-right: 2rem;
+	font-family: monospace;
+}
 /*=== MOBILE */
 /*===========*/