From f653506421ee8e2c46c78e93d28ee2418a1d399d Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Tue, 28 Oct 2025 23:23:03 +0100
Subject: =?UTF-8?q?modification=20liens=20r=C3=A9seaux=20sociaux,=20placeh?=
 =?UTF-8?q?older=20input=20text,=20correction=20erreurs=20CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/head.css | 33 ++++++++++++++++++++++++++++-----
 public/js/Input.js  | 15 ++++++++++++++-
 2 files changed, 42 insertions(+), 6 deletions(-)

(limited to 'public')

diff --git a/public/css/head.css b/public/css/head.css
index c178d3a..3d9d6ca 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -4,6 +4,7 @@ header
 	/*padding-top: 5px;*/
 	/*padding-bottom: 10px;*/
 	background-size: cover; /* largeur du bloc_page  */
+	background-position: center;
 }
 #nav_zone
 {
@@ -44,6 +45,7 @@ header
 {
 	background-color: #ffffff7f;
 	border-radius: 10px;
+	padding: 1px; /* pour que les marges de h1 et h2 ne mordent pas le bloc parent */
 }
 header h1
 {
@@ -79,13 +81,27 @@ header a
 	display: flex;
 	justify-content: center;
 }
+#header_social_content
+{
+	display: flex;
+	gap: 4px;
+	flex-wrap: wrap;
+}
 #header_social_content img
+{
+	width: 28px;
+	
+}
+#header_social_content a img
 {
 	width: 28px;
 	background-color: #ffffffb3;
 	border-radius: 50%;
 }
-
+#header_social_content .action_icon
+{
+	width: 24px;
+}
 #header_social_content img:hover
 {
 	background-color: yellow;
@@ -98,7 +114,8 @@ header a
 }
 
 @media screen and (max-width: 1000px){
-	.header_content{
+	.header_content
+	{
 		padding: 15px 0;
 	}
 	header img
@@ -106,14 +123,20 @@ header a
 		max-width: 160px;
 	}
 }
-@media screen and (max-width: 500px){
+@media screen and (max-width: 800px){
 	.header_content
 	{
-		display: block;
+		grid-template-columns: 2fr 1fr; /* on vire la colonne de gauche et on permet au deux autres de "se pousser" si besoin */
 		padding: 10px;
 	}
-	#header_logo
+	.header_left_col
 	{
 		display: none;
 	}
+}
+@media screen and (max-width: 600px){
+	.header_content
+	{
+		display: block;
+	}
 }
\ No newline at end of file
diff --git a/public/js/Input.js b/public/js/Input.js
index be7cd8d..6c5af10 100644
--- a/public/js/Input.js
+++ b/public/js/Input.js
@@ -54,7 +54,7 @@ class InputText extends InputToggler{
 	    .then(response => response.json())
 	    .then(data => {
 	        if(data.success){
-	        	this.content_elem.innerHTML = this.input_elem.value;
+	        	this.onSuccess(data);
 				this.close();
 	        }
 	        else{
@@ -65,12 +65,25 @@ class InputText extends InputToggler{
 	        console.error('Erreur:', error);
 	    });
 	}
+	onSuccess(data){
+		this.content_elem.innerHTML = this.input_elem.value;
+	}
 	cancel(){
 		this.input_elem.value = this.content_elem.innerHTML;
 		super.cancel();
 	}
 }
 
+class InputTextSocialNetwork extends InputText{
+	open(){
+		this.input_elem.value = this.content_elem.parentNode.href;
+		super.open();
+	}
+	onSuccess(data){
+		this.content_elem.parentNode.href = this.input_elem.value;
+	}
+}
+
 class InputFile extends InputToggler{
 	constructor(name, options = {}){
 		super(name, options);
-- 
cgit v1.2.3