From 46d3c239a7ad2b00e86373f2fd0e829fdcba57f7 Mon Sep 17 00:00:00 2001 From: polo Date: Sat, 1 Nov 2025 17:54:22 +0100 Subject: =?UTF-8?q?utilisation=20des=20ic=C3=B4nes=20SVG=20=20du=20d=C3=A9?= =?UTF-8?q?p=C3=B4t=20twbs/bootstrap-icons=20pour=20les=20r=C3=A9seaux=20s?= =?UTF-8?q?ociaux,=20am=C3=A9lioration=20du=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/facebook-nb.svg | 1 - public/assets/facebook.svg | 37 ------------------------------------- public/assets/github-nb.svg | 1 - public/assets/github.svg | 37 ------------------------------------- public/assets/instagram-nb.svg | 1 - public/assets/instagram.svg | 37 ------------------------------------- public/assets/linkedin-nb.svg | 1 - public/assets/linkedin.svg | 37 ------------------------------------- public/css/body.css | 2 +- public/css/head.css | 30 ++++++++++++++++++++++++++---- public/css/menu.css | 6 ++---- public/css/new_page.css | 7 +++---- public/js/main.js | 4 ++-- 13 files changed, 34 insertions(+), 167 deletions(-) delete mode 100644 public/assets/facebook-nb.svg delete mode 100644 public/assets/facebook.svg delete mode 100644 public/assets/github-nb.svg delete mode 100644 public/assets/github.svg delete mode 100644 public/assets/instagram-nb.svg delete mode 100644 public/assets/instagram.svg delete mode 100644 public/assets/linkedin-nb.svg delete mode 100644 public/assets/linkedin.svg (limited to 'public') diff --git a/public/assets/facebook-nb.svg b/public/assets/facebook-nb.svg deleted file mode 100644 index 543537c..0000000 --- a/public/assets/facebook-nb.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/assets/facebook.svg b/public/assets/facebook.svg deleted file mode 100644 index d09d296..0000000 --- a/public/assets/facebook.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - diff --git a/public/assets/github-nb.svg b/public/assets/github-nb.svg deleted file mode 100644 index fdda08a..0000000 --- a/public/assets/github-nb.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/assets/github.svg b/public/assets/github.svg deleted file mode 100644 index 69a8733..0000000 --- a/public/assets/github.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - diff --git a/public/assets/instagram-nb.svg b/public/assets/instagram-nb.svg deleted file mode 100644 index c51ee39..0000000 --- a/public/assets/instagram-nb.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/assets/instagram.svg b/public/assets/instagram.svg deleted file mode 100644 index feb8ae8..0000000 --- a/public/assets/instagram.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - diff --git a/public/assets/linkedin-nb.svg b/public/assets/linkedin-nb.svg deleted file mode 100644 index 42449fc..0000000 --- a/public/assets/linkedin-nb.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/assets/linkedin.svg b/public/assets/linkedin.svg deleted file mode 100644 index 0cb2381..0000000 --- a/public/assets/linkedin.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - diff --git a/public/css/body.css b/public/css/body.css index 57afe92..1f6ef7e 100644 --- a/public/css/body.css +++ b/public/css/body.css @@ -47,7 +47,7 @@ main } .hidden { - display: none; + display: none; /* attention, conflit si la même balise a déjà une règle display */ } section { diff --git a/public/css/head.css b/public/css/head.css index 1844f93..1b805fe 100644 --- a/public/css/head.css +++ b/public/css/head.css @@ -86,12 +86,34 @@ header a display: flex; gap: 4px; flex-wrap: wrap; + margin: 4px; } -#header_social_content a img +#header_social_content > div{ + margin: auto; + background-color: #ffffff7f; +} +#header_social_content a:hover +{ + background-color: yellow; +} +#header_social_content > div, #header_social_content a:hover +{ + border-radius: 10px; +} +#header_social_content a +{ + padding: 2px; + display: inline-flex; /* flex pour que la taille de élément dépende de ses enfants, inline pour que este inline */ + vertical-align: bottom; +} +#header_social_content a svg +{ + width: 24px; + height: 24px; +} +.svg_fill_red { - width: 28px; - background-color: #ffffffb3; - border-radius: 50%; + fill: #dd3333; } #header_social_content .action_icon { diff --git a/public/css/menu.css b/public/css/menu.css index 0dfb840..aa8fde3 100644 --- a/public/css/menu.css +++ b/public/css/menu.css @@ -1,9 +1,7 @@ /*-- page "Menu et chemins" uniquement --*/ -.menu -{ - padding: 0 20px; -} +/*.menu +{}*/ .menu_edit_entry { margin-left: 29px; diff --git a/public/css/new_page.css b/public/css/new_page.css index 6d6fe43..80c7e1d 100644 --- a/public/css/new_page.css +++ b/public/css/new_page.css @@ -1,8 +1,7 @@ /*-- page "Nouvelle page" uniquement --*/ -.new_page -{ - padding: 0 15px; -} + +/*.new_page +{}*/ .new_page .form_zone { background-color: white; diff --git a/public/js/main.js b/public/js/main.js index 39a31f5..42bae70 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -207,8 +207,8 @@ function checkSocialNetwork(id){ method: 'POST', onSuccess: (data) => { checkbox.checked = data.checked; - document.getElementById(id + '_content').src = 'assets/' + id.split('_')[1] + (data.checked ? '': '-nb') + '.svg'; // assets/facebook.svg ou assets/facebook-nb.svg - toastNotify('Le logo "' + id.split('_')[1] + '" ' + (data.checked ? 'sera' : 'ne sera pas') + ' affiché aux visiteurs.'); + document.getElementById(id + '_content').classList.toggle('svg_fill_red', data.checked); + toastNotify('Le logo "' + id.split('_')[1] + '" ' + (data.checked ? 'sera' : 'ne sera pas') + ' affiché.'); }, onFailure: (data) => { console.error(data.message || "Erreur serveur"); -- cgit v1.2.3