wamo/gnu-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[CSS] Aligned details marker arrows

Browse Source
This commit is contained in:
Eliseu Amaro 2022-02-07 02:46:08 +00:00
parent b3d582f665
commit d6666cf209
No known key found for this signature in database
GPG Key ID: 96DA09D4B97BC2D5
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/assets/default_theme/css/widgets/sections.css
View File

@ -291,8 +291,8 @@
} }
.section-details-subtitle summary > *, .section-details-title summary > * { .section-details-subtitle summary > *, .section-details-title summary > * {
display: inline-block; display: inline-flex;
vertical-align: baseline; vertical-align: middle;
} }
.section-details-subtitle summary > :last-child, .section-details-title summary > :last-child { .section-details-subtitle summary > :last-child, .section-details-title summary > :last-child {
@ -318,16 +318,20 @@
.details-summary-title:after { .details-summary-title:after {
content: "\2193"; content: "\2193";
display: block;
position: relative;
float: right; float: right;
} }
.details-summary-subtitle:after { .details-summary-subtitle:after {
content: "\2191"; content: "\2191";
display: block;
position: relative;
float: right; float: right;
} }
.section-details-subtitle:not([open]) > .details-summary-subtitle:after { .section-details-subtitle:not([open]) > .details-summary-subtitle:after {
animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1); animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1);
transform: rotate(180deg); content: "\2193";
} }
.section-details-subtitle[open] > .details-summary-subtitle:after { .section-details-subtitle[open] > .details-summary-subtitle:after {
@ -342,7 +346,7 @@
.section-details-title[open] > .details-summary-title:after { .section-details-title[open] > .details-summary-title:after {
animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1); animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1);
transform: rotate(180deg); content: "\2191";
} }
.section-form { .section-form {