[CSS] You can hide Posting section on command now
This commit is contained in:
parent
a6af3a9b7a
commit
ef435b824b
@ -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>
|
||||
</details>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
|
@ -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);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user