From 23fe455ead832c97fdabafca78393e21a18086bf Mon Sep 17 00:00:00 2001 From: polo Date: Mon, 29 Sep 2025 20:20:26 +0200 Subject: =?UTF-8?q?pr=C3=A9sentation=20mosa=C3=AFque?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/body.css | 26 +++++++++++--------------- 1 file changed, 11 insertions(+), 15 deletions(-) (limited to 'public') diff --git a/public/css/body.css b/public/css/body.css index f8e4f81..140655b 100644 --- a/public/css/body.css +++ b/public/css/body.css @@ -67,24 +67,27 @@ section > h3 display: grid; /* et c'est tout */ /* la règle grid-template-columns est ajoutée dynamiquement par PHP ou JS*/ } -.galery_photos +.mosaic > .section_child { display: flex; flex-wrap: wrap; justify-content: space-evenly; } -.galery_photos .html_from_editor img +.mosaic > .section_child article { max-width: 300px; - max-height: 200px; +} +.mosaic > .section_child img /* règle ciblant un élément généré par l'éditeur */ +{ + /*max-width: 300px;*/ + max-height: 300px; object-fit: contain; } article { - /*display: flex;*/ background-color: white; margin: 15px; - padding: 0 15px; + padding: 15px; /*min-height: 150px;*/ } article .logo2 @@ -94,14 +97,10 @@ article .logo2 max-height: 200px; margin-right: 15px; } -.new_content, .article_content +.overflow_hidden div { - width: 100%; -} -.new_content -{ - /*max-height: 400;*/ overflow: hidden; + max-height: 500px; } .new_content button { @@ -149,10 +148,6 @@ button .action_icon:hover { float: right; } -.article_title_zone -{ - padding: 10px; -} .under_an_article { display: flex; @@ -169,6 +164,7 @@ button .action_icon:hover { display: flex; justify-content: end; + min-width: 100px; /* intéragit avec la règle float sur le bouton "share" */ } .delete_button { -- cgit v1.2.3