TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-01 05:50:35 +03:00
Code Issues Projects Releases Wiki Activity

Updated accordion frontend styles

Browse Source
This commit is contained in:
djordje vlaisavljevic 2021-11-19 18:13:38 +01:00
parent 8bf93640a8
commit b2f7b00875
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
core/frontend/src/cards/css/toggle.css
View File

@ -1,8 +1,8 @@
.kg-toggle-card[data-kg-toggle-state="close"] .kg-toggle-content{ .kg-toggle-card[data-kg-toggle-state="close"] .kg-toggle-content{
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
height: 0; max-height: 0;
padding: 0; padding-top: 0px;
} }
.kg-toggle-card[data-kg-toggle-state="close"] svg { .kg-toggle-card[data-kg-toggle-state="close"] svg {
@ -37,11 +37,19 @@
width: 14px; width: 14px;
color: rgba(127, 127, 127, 0.4); color: rgba(127, 127, 127, 0.4);
transition: transform 0.3s; transition: transform 0.3s;
transform: rotate(180deg); transform: rotate(-180deg);
}
.kg-toggle-heading-text h4 {
margin-top: 0;
margin-bottom: 0;
} }
.kg-toggle-content { .kg-toggle-content {
display: flex; display: flex;
transition: opacity 0.3s; transition: all .3s;
padding-top: 8px; padding-top: 8px;
max-height: 100vh;
overflow: hidden;
opacity: 1;
} }