Updated post history sidebar

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

View File

@ -33,31 +33,62 @@
<ul class="nav-list">
<li class="nav-list-item">
<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>
</button>
</li>
<li class="nav-list-item">
<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>
</button>
</li>
<li class="nav-list-item">
<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>
</button>
</li>
<li class="nav-list-item">
<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>
</button>
</li>
<li class="nav-list-item">
<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>
</button>
</li>

View File

@ -11,11 +11,39 @@
/* Sidebar */
.nav-list-item .gh-post-history-version {
margin-bottom: 2px;
}
.nav-list-item .gh-post-history-version-meta {
color: var(--midgrey);
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 */
.gh-post-history-main {
@ -30,6 +58,11 @@
max-width: 740px;
margin-left: 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 {

View File

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