modification de page en mode modif page, déplacement modif_page js et css et MAJ BDD, vue page nouvelle page

3 files changed, 250 insertions, 1 deletions

diff --git a/public/css/body.css b/public/css/body.css
index 87f71f2..20e53e0 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -36,4 +36,149 @@ body
 .infobulle img
 {
     vertical-align: middle;
-}*/
\ No newline at end of file
+}*/
+
+main
+{
+    margin: auto;
+    /*max-width: 1200px;*/
+    background-color: #E3F3FF;
+    padding: 15px 0;
+}
+section > h3
+{
+    padding: 15px;
+    margin: 0;
+    text-align: center;
+}
+.grid_columns
+{
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+}
+@media screen and (max-width: 800px)
+{
+    .grid_columns
+    {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media screen and (max-width: 550px)
+{
+    .grid_columns
+    {
+        display: block;
+    }
+}
+.galery_photos
+{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+}
+.galery_photos .html_from_editor img
+{
+    max-width: 300px;
+    max-height: 200px;
+}
+article
+{
+    /*display: flex;*/
+    background-color: white;
+    margin: 15px;
+    padding: 0 15px;
+    /*min-height: 150px;*/
+}
+article .logo2
+{
+    vertical-align: middle;
+    max-width: 200px;
+    max-height: 200px;
+    margin-right: 15px;
+}
+.new_content, .article_content
+{
+    width: 100%;
+}
+.new_content
+{
+    /*max-height: 400;*/
+    overflow: hidden;
+}
+article img
+{
+    max-width: 100%; /* règle compliquée, vérifier selon la page et la taille de l'image */
+    height: auto;
+}
+
+.action_icon
+{
+    width: 24px;
+    vertical-align: bottom;
+    border: transparent 2px solid; /* invisible */
+}
+button .action_icon
+{
+    border: none;
+}
+.action_icon:hover
+{
+    background-color: #ffff00;
+    border-radius: 4px;
+    border: lightgrey 2px outset;
+    cursor: pointer;
+}
+button .action_icon:hover
+{
+    border: none;
+}
+
+.button_zone
+{
+    display: flex;
+}
+
+.share
+{
+    float: right;
+}
+.article_title_zone
+{
+    padding: 10px;
+}
+.under_an_article
+{
+    display: flex;
+    justify-content: space-between;
+    font-size: small;
+}
+.under_an_article img
+{
+    width: 24px;
+    margin-right: 5px;
+    vertical-align: middle;
+}
+.article_admin_zone
+{
+    display: flex;
+    justify-content: end;
+}
+section button
+{
+    color: #ff1d04;
+    font-size: medium;
+    border-radius: 4px;
+    background-color: white;
+    border: lightgrey 2px outset; /* rend identiques les boutons firefox et chromium */
+}
+section button:hover
+{
+    background-color: #ffff00;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+article a:hover
+{
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/public/css/modif_page.css b/public/css/modif_page.css
new file mode 100644
index 0000000..c494221
--- /dev/null
+++ b/public/css/modif_page.css
@@ -0,0 +1,74 @@
+/* -- mode modification d'une page -- */
+.page_modification
+{
+        background-color: white;
+        padding: 10px;
+        margin: 10px 15px;
+}
+.page_modification form select, .page_modification form input[type=submit]
+{
+        color: #ff1d04;
+        font-size: medium;
+        border-radius: 4px;
+        background-color: white;
+        border: lightgrey 2px outset;
+}
+.page_modificationselect:hover
+{
+        cursor: pointer;
+}
+.page_modification form input[type=submit]:hover
+{
+        background-color: #ffff00;
+        border-radius: 4px;
+        cursor: pointer;
+}
+.edit_page_title_zone
+{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+}
+.edit_page_zone, .edit_bloc_zone
+{
+        background-color: #f0f0f0f0;
+        margin: 5px;
+        padding: 10px;
+}
+#edit_description
+{
+        margin: 5px;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 5px;
+}
+#edit_description button
+{
+        vertical-align: top;
+}
+.edit_bloc_zone
+{
+        display: flex;
+        justify-content: space-evenly;
+        flex-wrap: wrap;
+}
+.edit_page_zone p, .edit_bloc_zone p, .edit_page_zone form
+{
+        margin: 5px;
+}
+
+.new_bloc #bloc_title
+{
+        width: 70%;
+        max-width: 300px;
+}
+.modify_bloc > div
+{
+        display: flex;
+        align-items: baseline;
+}
+.modify_bloc img
+{
+        vertical-align: middle;
+}
\ No newline at end of file
diff --git a/public/css/new_page.css b/public/css/new_page.css
new file mode 100644
index 0000000..0cc067a
--- /dev/null
+++ b/public/css/new_page.css
@@ -0,0 +1,30 @@
+/*-- page "Nouvelle page" uniquement --*/
+.new_page
+{
+        padding: 0 20px;
+}
+.new_page .form_zone
+{
+        background-color: white;
+        padding: 10px;
+}
+
+.new_page #page_location, .new_page input[type=submit]
+{
+        color: #ff1d04;
+        font-size: medium;
+        border-radius: 4px;
+        background-color: white;
+        border: lightgrey 2px outset;
+}
+.new_page #page_location:hover, .new_page input[type=submit]:hover
+{
+        background-color: #ffff00;
+        border-radius: 4px;
+        border: lightgrey 2px outset;
+        cursor: pointer;
+}
+.label_textarea
+{
+        vertical-align: top;
+}
\ No newline at end of file