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

Member product list cleanup

Browse Source
This commit is contained in:
Peter Zimon 2021-05-05 15:58:47 +02:00
parent 18696a6ee4
commit cf215328a4
2 changed files with 16 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ghost/admin/app/components/gh-member-settings-form-cp.hbs
View File

@ -119,11 +119,11 @@
{{#each this.products as |product|}}
<div class="gh-main-section-content bordered">
<div class="gh-cp-memberproduct">
<div class="gh-cp-memberproduct {{if (not (eq product.subscriptions.length 1)) "multiple-subs" ""}}">
<h3 class="gh-memberproduct-name">
{{product.name}}
{{#unless (eq product.subscriptions.length 1 )}}
<span class="gh-memberproduct-subcount">({{product.subscriptions.length}} subscriptions)</span>
{{#unless (eq product.subscriptions.length 1)}}
<span class="gh-memberproduct-subcount">{{product.subscriptions.length}} subscriptions</span>
{{/unless}}
</h3>
{{#each product.subscriptions as |sub|}}

44
ghost/admin/app/styles/layouts/members.css
View File

@ -1568,38 +1568,26 @@ p.gh-members-import-errordetail:first-of-type {
/* Member's product list */
.gh-memberproduct-name {
display: flex;
justify-content: space-between;
font-size: 1.5rem;
margin-bottom: 4px !important;
}
.gh-memberproduct-actionlist {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
opacity: 0;
.gh-cp-memberproduct.multiple-subs .gh-memberproduct-name {
margin-bottom: 8px !important;
}
.gh-memberproduct-subcount {
font-size: 1.25rem;
font-weight: 400;
color: var(--midgrey);
}
.gh-memberproduct-list .gh-list-row:hover {
background: none !important;
}
.gh-memberproduct-list .gh-list-row:hover .gh-memberproduct-actionlist {
opacity: 1;
}
.gh-memberproduct-actionlist a,
.gh-memberproduct-actionlist button {
line-height: 0;
margin-left: 24px;
color: var(--darkgrey);
font-weight: 500;
}
.gh-memberproduct-actionlist button.archive {
color: var(--red);
}
.gh-cp-memberproduct-pricelabel {
font-weight: 600;
}
@ -1610,7 +1598,7 @@ p.gh-members-import-errordetail:first-of-type {
font-size: 1.2rem;
}
.gh-memberproduct-subscription:not(:first-of-type) {
.gh-cp-memberproduct.multiple-subs .gh-memberproduct-subscription {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--whitegrey);
@ -1681,8 +1669,8 @@ p.gh-members-import-errordetail:first-of-type {
right: 0;
}
.gh-memberproduct-subscription:not(:first-of-type) .action-menu {
top: 18px;
.gh-cp-memberproduct.multiple-subs .gh-memberproduct-subscription .action-menu {
top: 20px;
}
.gh-memberproduct-subscription .action-menu > .gh-btn span {
@ -1691,10 +1679,4 @@ p.gh-members-import-errordetail:first-of-type {
.gh-memberproduct-subscription .action-menu > .gh-btn svg {
margin: 0;
}
.gh-memberproduct-subcount {
font-size: 1.4rem;
font-weight: 400;
color: var(--midgrey);
}