Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Updated post history sidebar

Browse source 
No ref
This commit is contained in:
Sanne de Vries 2023-04-18 14:28:21 +01:00
parent 01f86f1427
commit 94dc4a8fc5
3 changed files with 71 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
ghost/admin/app/components/modal-post-history.hbs
View file

@ -33,31 +33,62 @@
<ul class="nav-list"> <ul class="nav-list">
<li class="nav-list-item"> <li class="nav-list-item">
<button type="button"> <button type="button">
<span class="gh-post-history-version">17 April 2023, 10:34</span> <div class="flex items-center">
<span class="gh-post-history-version">17 April 2023, 10:34</span>
<span class="gh-post-history-version-current">Current</span>
<span class="gh-post-history-version-wordcount">
<span class="added">+275</span>
<span class="subtracted">-73</span>
</span>
</div>
<span class="gh-post-history-version-meta">Jamie Larson</span> <span class="gh-post-history-version-meta">Jamie Larson</span>
</button> </button>
</li> </li>
<li class="nav-list-item"> <li class="nav-list-item">
<button type="button"> <button type="button">
<span class="gh-post-history-version">17 April 2023, 10:34</span> <div class="flex items-center">
<span class="gh-post-history-version">17 April 2023, 10:34</span>
<span class="gh-post-history-version-wordcount">
<span class="added">+275</span>
<span class="subtracted">-73</span>
</span>
</div>
<span class="gh-post-history-version-meta">Jamie Larson</span> <span class="gh-post-history-version-meta">Jamie Larson</span>
</button> </button>
</li> </li>
<li class="nav-list-item"> <li class="nav-list-item">
<button type="button"> <button type="button">
<span class="gh-post-history-version">17 April 2023, 10:34</span> <div class="flex items-center">
<span class="gh-post-history-version">17 April 2023, 10:34</span>
<span class="gh-post-history-version-wordcount">
<span class="added">+275</span>
<span class="subtracted">-73</span>
</span>
</div>
<span class="gh-post-history-version-meta">Jamie Larson</span> <span class="gh-post-history-version-meta">Jamie Larson</span>
</button> </button>
</li> </li>
<li class="nav-list-item"> <li class="nav-list-item">
<button type="button"> <button type="button">
<span class="gh-post-history-version">17 April 2023, 10:34</span> <div class="flex items-center">
<span class="gh-post-history-version">17 April 2023, 10:34</span>
<span class="gh-post-history-version-wordcount">
<span class="added">+275</span>
<span class="subtracted">-73</span>
</span>
</div>
<span class="gh-post-history-version-meta">Jamie Larson</span> <span class="gh-post-history-version-meta">Jamie Larson</span>
</button> </button>
</li> </li>
<li class="nav-list-item"> <li class="nav-list-item">
<button type="button"> <button type="button">
<span class="gh-post-history-version">17 April 2023, 10:34</span> <div class="flex items-center">
<span class="gh-post-history-version">17 April 2023, 10:34</span>
<span class="gh-post-history-version-wordcount">
<span class="added">+275</span>
<span class="subtracted">-73</span>
</span>
</div>
<span class="gh-post-history-version-meta">Jamie Larson</span> <span class="gh-post-history-version-meta">Jamie Larson</span>
</button> </button>
</li> </li>

35
ghost/admin/app/styles/layouts/post-history.css
View file

@ -11,11 +11,39 @@
/* Sidebar */ /* Sidebar */
.nav-list-item .gh-post-history-version {
margin-bottom: 2px;
}
.nav-list-item .gh-post-history-version-meta { .nav-list-item .gh-post-history-version-meta {
color: var(--midgrey); color: var(--midgrey);
font-weight: 400; font-weight: 400;
} }
.nav-list-item .gh-post-history-version-current {
margin-left: 1rem;
padding: 0 4px;
background: var(--lightgrey-l2);
color: var(--darkgrey);
font-size: 1.1rem;
font-weight: 500;
line-height: inherit;
text-transform: uppercase;
letter-spacing: .2px;
border-radius: var(--border-radius);
}
.nav-list-item .gh-post-history-version-wordcount {
color: var(--green-d1);
margin-left: auto;
}
.nav-list-item .gh-post-history-version-wordcount .subtracted {
color: var(--red-d1);
margin-left: .8rem;
}
/* Main content */ /* Main content */
.gh-post-history-main { .gh-post-history-main {
@ -30,8 +58,13 @@
max-width: 740px; max-width: 740px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
color: rgba(21, 23, 26, 0.4);
}
.gh-post-history-main .koenig-lexical p {
color: rgba(21, 23, 26, 0.4);
} }
.gh-post-history-main .koenig-lexical del { .gh-post-history-main .koenig-lexical del {
color: var(--red) !important; color: var(--red) !important;
} }

2
ghost/admin/app/styles/patterns/navlist.css
View file

@ -14,7 +14,7 @@
} }
.nav-list-item:hover { .nav-list-item:hover {
background: var(--whitegrey-l1); background: var(--whitegrey-l2);
cursor: pointer; cursor: pointer;
} }