From ef435b824b73f788f199d9d4ae204645074fbc92 Mon Sep 17 00:00:00 2001
From: Eliseu Amaro <mail@eliseuama.ro>
Date: Mon, 6 Dec 2021 21:07:45 +0000
Subject: [PATCH] [CSS] You can hide Posting section on command now

---
 .../templates/right_panel/view.html.twig           | 14 +++++++-------
 .../assets/default_theme/css/widgets/sections.css  |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/RightPanel/templates/right_panel/view.html.twig b/components/RightPanel/templates/right_panel/view.html.twig
index af8f3a977c..3235a0b0c6 100644
--- a/components/RightPanel/templates/right_panel/view.html.twig
+++ b/components/RightPanel/templates/right_panel/view.html.twig
@@ -10,18 +10,18 @@
             {% set blocks = handle_event('AppendRightPostingBlock', request) %}
             {% if blocks['post_form'] is defined %}
                 <section class="section-widget" title={{ 'Create a new note.' | trans }}>
-                    <details class="section-title-details"
+                    <details class="section-widget-title-details" open="open"
                              title={{ 'Expand if you want to access more options.' | trans }}>
                         <summary class="section-title-summary">
                             {{ "Create a note" | trans }}{{ icon('arrow-down', 'icon icon-details-open') | raw }}
                         </summary>
-                    </details>
 
-                    <div class="section-form">
-                        <fieldset>
-                            {{ form(blocks['post_form']) }}
-                        </fieldset>
-                    </div>
+                        <div class="section-form">
+                            <fieldset>
+                                {{ form(blocks['post_form']) }}
+                            </fieldset>
+                        </div>
+                    </details>
                 </section>
             {% endif %}
 
diff --git a/public/assets/default_theme/css/widgets/sections.css b/public/assets/default_theme/css/widgets/sections.css
index 50b01e1bd9..7021bd16a7 100644
--- a/public/assets/default_theme/css/widgets/sections.css
+++ b/public/assets/default_theme/css/widgets/sections.css
@@ -83,7 +83,7 @@
     font-weight: 700;
 }
 
-.section-title-details {
+.section-widget-title-details summary {
     font-size: var(--small);
     font-weight: 700;
     border-radius: var(--smaller);
@@ -91,12 +91,12 @@
     background: var(--gradient) !important;
 }
 
-.section-title-details[open] svg {
+.section-widget-title-details[open] svg {
     transform: rotate(180deg);
     animation: fadeOut 200ms cubic-bezier(0,0.55,0.45,1);
 }
 
-.section-title-details:not([open]) svg {
+.section-widget-title-details:not([open]) svg {
     transform: initial;
     animation: fadeIn 200ms cubic-bezier(0,0.55,0.45,1);
 }