TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 19:48:50 +03:00
Code Issues Projects Releases Wiki Activity

Fixed borders on <GhMemberListItem> loading state

Browse Source 
no issue

- `display: table` doesn't provide an equivalent of `colspan` so the loading state needs to include the same number of `display: table-cell` elements as the live state
This commit is contained in:
Kevin Ansfield 2020-05-28 12:55:11 +01:00
parent 1f3028d3ac
commit 29b4d72939
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ghost/admin/app/components/gh-members-list-item.hbs
View File

@ -1,9 +1,12 @@
<li class="gh-list-row gh-members-list-item {{if @member.is_loading "loading"}}" ...attributes> <li class="gh-list-row gh-members-list-item {{if @member.is_loading "loading"}}" ...attributes>
{{#if @member.is_loading}} {{#if @member.is_loading}}
<div class="gh-list-data gh-list-loadingcell gh-list-cellwidth-100"> <div class="gh-list-data gh-members-list-basic gh-list-loadingcell">
<div class="gh-list-loading-title"></div> <div class="gh-list-loading-title"></div>
<div class="gh-list-loading-detail"></div> <div class="gh-list-loading-detail"></div>
</div> </div>
<div class="gh-list-data gh-members-list-geolocation gh-list-cellwidth-20"></div>
<div class="gh-list-data gh-members-list-subscribed-at gh-list-cellwidth-20"></div>
<div class="gh-list-data gh-members-list-chevron gh-list-cellwidth-chevron"></div>
{{else}} {{else}}
<LinkTo @route="member" @model={{@member}} title="Member details" class="gh-list-data gh-members-list-basic"> <LinkTo @route="member" @model={{@member}} title="Member details" class="gh-list-data gh-members-list-basic">
<div class="flex items-center"> <div class="flex items-center">