Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-27 22:49:56 -05:00
Code Issues Activity

Added rotation to the details toggle arrow

Browse source 
refs https://github.com/TryGhost/Team/issues/1904
This commit is contained in:
Djordje Vlaisavljevic 2022-09-26 17:12:56 +02:00
parent bdc43d8f66
commit bb0b9c4261
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/components/gh-member-settings-form.hbs
View file

@ -184,7 +184,7 @@
<span class="gh-cp-membertier-renewal">Renews {{sub.validUntil}}</span>
{{/if}}
</div>
<button type="button" class="flex pointer flex-row items-center gh-cp-membertier-details" {{on "click" (fn this.toggleSubscriptionExpanded sub.id)}} role="button" aria-label="Show details">
<button type="button" class="flex pointer flex-row items-center gh-cp-membertier-details {{if sub.showDetails "rotate"}}" {{on "click" (fn this.toggleSubscriptionExpanded sub.id)}} role="button" aria-label="Show details">
Details {{svg-jar "arrow-right-stroke"}}
</button>
<div class="gh-membertier-advanced {{unless sub.showDetails "hide"}}" data-test-subscription={{index}}>

5
ghost/admin/app/styles/layouts/members.css
View file

@ -2374,6 +2374,7 @@ p.gh-members-import-errordetail:first-of-type {
.gh-cp-membertier-details svg {
width: 10px;
margin-left: 4px;
transition: transform 0.2s ease-in-out;
}
.gh-cp-membertier-details svg path {
@ -2381,6 +2382,10 @@ p.gh-members-import-errordetail:first-of-type {
stroke: var(--middarkgrey);
}
.gh-cp-membertier-details.rotate svg {
transform: rotate(90deg);
}
.gh-membertier-subscription .action-menu .gh-btn-subscription-action:not(:hover) {
border: 1px solid var(--whitegrey);
background: var(--main-bg-color) !important;