Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Updated diff toggle in post history modal

Browse source
This commit is contained in:
Sanne de Vries 2023-04-19 17:56:06 +01:00
parent ce3f2221a0
commit e6f9fce99a
3 changed files with 56 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -33,25 +33,25 @@
</div>
<div class="settings-menu-container">
<div class="settings-menu settings-menu-pane settings-menu-pane-main">
<div class="settings-menu-header subview">
<button
aria-label="Close meta data panel"
class="back settings-menu-header-action"
data-test-button="close-psm-subview"
type="button" {{action "closeModal"}}
{{on "mousedown" (optional this.noop)}}
>
{{svg-jar "arrow-left"}}
<span class="hidden">Back</span>
</button>
<h4>Post history</h4>
</div>
<div class="settings-menu-content">
<div class="settings-menu-header-wrapper">
<div class="settings-menu-header subview">
<button
aria-label="Close meta data panel"
class="back settings-menu-header-action"
data-test-button="close-psm-subview"
type="button" {{action "closeModal"}}
{{on "mousedown" (optional this.noop)}}
>
{{svg-jar "arrow-left"}}
<span class="hidden">Back</span>
</button>
<h4>Post history</h4>
</div>
<ul class="nav-list">
<li class="nav-list-item">
<li class="nav-list-item compare-versions">
<div class="for-switch x-small">
<label class="switch">
<span>Show changes to previous version</span>
<span>Compare with previous version</span>
<span class="gh-toggle-featured">
<input {{on "click" (fn this.toggleDifferences '')}} type="checkbox" checked={{this.showDifferences}}>
<span class="input-toggle-component"></span>
@ -59,6 +59,10 @@
</label>
</div>
</li>
</ul>
</div>
<div class="settings-menu-content">
<ul class="nav-list">
{{#each this.revisionList as |revision index|}}
<li class="nav-list-item {{if revision.selected "selected" ""}}">
<button type="button" {{action "handleClick" index}}>

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

@ -11,6 +11,38 @@
/* Sidebar */
.gh-post-history .settings-menu-header-wrapper {
position: fixed;
width: 100%;
max-width: 420px;
z-index: 3;
background: var(--white);
box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 12px 16px -16px;
}
.gh-post-history .settings-menu-header.subview {
position: relative;
max-width: 420px;
}
.settings-menu-header-wrapper .nav-list {
margin: 0;
}
.nav-list-item.compare-versions:hover {
background: var(--white);
}
.gh-post-history .settings-menu-header-wrapper .gh-toggle-featured {
position: relative;
width: 34px;
height: 20px;
}
.gh-post-history .settings-menu-content {
padding: 144px 0 0;
}
.gh-post-history .nav-list-item.active {
background: var(--whitegrey-l2);
}

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

@ -18,6 +18,10 @@
cursor: pointer;
}
.nav-list-item.selected {
background: var(--whitegrey-l2);
}
.nav-list-item:first-of-type {
border-top: 1px solid var(--whitegrey-d1);
}