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

Added long data handling to member import UI

Browse Source 
no refs.
- added styles to handle long data for field and data cells in members import mapping table
This commit is contained in:
Peter Zimon 2020-07-07 13:29:44 +02:00
parent a819837bd4
commit 7cc49b4b70
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ghost/admin/app/components/gh-members-import-table.hbs
View File

@ -1,8 +1,8 @@
<table class="f8 gh-members-import-table ma0"> <table class="f8 gh-members-import-table ma0">
<thead> <thead>
<tr> <tr>
<th><span class="f-small midgrey ttu fw5">Field</span></th> <th class="table-cell-field"><span class="f-small midgrey ttu fw5">Field</span></th>
<th> <th class="table-cell-data">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<span class="f-small midgrey ttu fw5 nudge-top--1">Data</span> <span class="f-small midgrey ttu fw5 nudge-top--1">Data</span>
<div class="flex items-center bg-white br2 ml1 nr1 gh-members-import-datanav"> <div class="flex items-center bg-white br2 ml1 nr1 gh-members-import-datanav">
@ -17,8 +17,8 @@
<tbody> <tbody>
{{#each currentlyDisplayedData as |row|}} {{#each currentlyDisplayedData as |row|}}
<tr> <tr>
<td class="middarkgrey"><span>{{row.key}}</span></td> <td class="middarkgrey table-cell-field"><span>{{row.key}}</span></td>
<td class="middarkgrey {{unless row.value "empty-cell"}}"><span>{{row.value}}</span></td> <td class="middarkgrey table-cell-data {{unless row.value "empty-cell"}}"><span>{{row.value}}</span></td>
<td><span><GhMembersImportMappingInput @updateMapping={{this.updateMapping}} @mapFrom={{row.key}} @mapTo={{row.mapTo}} /></span></td> <td><span><GhMembersImportMappingInput @updateMapping={{this.updateMapping}} @mapFrom={{row.key}} @mapTo={{row.mapTo}} /></span></td>
</tr> </tr>
{{else}} {{else}}

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

@ -564,9 +564,10 @@ p.gh-members-import-errordetailtext {
} }
.gh-members-import-table td { .gh-members-import-table td {
padding: 6px 8px; padding: 7px 8px 6px;
border-left: 1px solid color-mod(var(--darkgrey) a(7%) s(+40%)); border-left: 1px solid color-mod(var(--darkgrey) a(7%) s(+40%));
border-bottom: 1px solid color-mod(var(--darkgrey) a(7%) s(+40%)); border-bottom: 1px solid color-mod(var(--darkgrey) a(7%) s(+40%));
vertical-align: top;
} }
.gh-members-import-table tr td:first-of-type, .gh-members-import-table tr td:first-of-type,
@ -603,7 +604,7 @@ p.gh-members-import-errordetail:first-of-type {
} }
.gh-import-member-select select { .gh-import-member-select select {
height: 36px; height: 34px;
border: none; border: none;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1em; line-height: 1em;
@ -630,7 +631,15 @@ p.gh-members-import-errordetail:first-of-type {
} }
.gh-import-member-select svg { .gh-import-member-select svg {
right: 8px; right: 9px;
}
.gh-members-import-table th.table-cell-field,
.gh-members-import-table td.table-cell-field,
.gh-members-import-table th.table-cell-data,
.gh-members-import-table td.table-cell-data {
max-width: 180px;
overflow-wrap: break-word;
} }
/* Fixing Firefox's select padding */ /* Fixing Firefox's select padding */