Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-08 02:52:39 -05:00
Code Issues Activity

Added more visual contrast to publish button

Browse source
This commit is contained in:
Sanne de Vries 2022-08-04 17:57:40 +02:00
parent 175c3d645f
commit 7ab1d0eb40
6 changed files with 17 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/components/editor/modals/update-flow.hbs
View file

@ -6,7 +6,7 @@
<div class="flex">
{{#let @data.publishOptions.post as |post|}}
{{#if (not (and post.isSent (not post.isPublished)))}}
<button class="gh-btn gh-btn-editor darkgrey gh-publish-trigger active" title="Close" type="button" {{on "click" @close}}>
<button class="gh-btn gh-btn-editor darkgrey gh-unpublish-trigger active" title="Close" type="button" {{on "click" @close}}>
<span>{{if post.isScheduled "Unschedule" "Unpublish"}}</span>
</button>
{{/if}}

4
ghost/admin/app/components/editor/publish-buttons.hbs
View file

@ -45,7 +45,7 @@
@buttonText="Update"
@runningText="Updating..."
@successText="Updated"
@class="gh-btn gh-btn-editor gh-editor-save-trigger gh-publish-trigger"
@class="gh-btn gh-btn-editor gh-editor-save-trigger"
@idleClass="green"
@runningClass="midlightgrey"
@successClass="midlightgrey"
@ -59,7 +59,7 @@
{{#if (not (and @publishManagement.post.isSent (not @publishManagement.post.isPublished)))}}
<button
type="button"
class="gh-btn gh-btn-editor darkgrey gh-publish-trigger"
class="gh-btn gh-btn-editor darkgrey gh-unpublish-trigger"
{{on "click" @publishManagement.openUpdateFlow}}
data-test-button="update-flow"
>

4
ghost/admin/app/components/gh-editor-post-status.hbs
View file

@ -8,7 +8,7 @@
{{else if (and @post.emailOnly @post.isScheduled)}}
Scheduled
{{#if this.isHovered}}
<time datetime="{{@post.publishedAtUTC}}" class="ml1 green f8" data-test-schedule-countdown>
<time datetime="{{@post.publishedAtUTC}}" class="ml1 green-d1" data-test-schedule-countdown>
to be sent to <GhRecipientFilterCount @filter={{@post.fullRecipientFilter}} @newsletter={{@post.newsletter}} />
{{this.scheduledTime}}
</time>
@ -21,7 +21,7 @@
and sent to {{gh-pluralize @post.email.emailCount "member"}}
{{/if}}
{{else if @post.isScheduled}}
<time datetime="{{@post.publishedAtUTC}}" class="ml1 green f8" data-test-schedule-countdown>
<time datetime="{{@post.publishedAtUTC}}" class="ml1 green-d1" data-test-schedule-countdown>
Scheduled
{{#if this.isHovered}}
to be published

9
ghost/admin/app/styles/app-dark.css
View file

@ -343,13 +343,8 @@ input:focus,
background: var(--dark-main-bg-color) !important;
}
.gh-publish-trigger {
color: var(--blue);
border: none !important;
}
.gh-publish-trigger svg path {
stroke-width: 2px;
.gh-publish-trigger span {
color: var(--green);
}
.dropdown-menu li > a,

18
ghost/admin/app/styles/components/publishmenu.css
View file

@ -1,22 +1,20 @@
/* Publish Menu
/* ---------------------------------------------------------- */
.gh-publish-trigger {
.gh-publish-trigger,
.gh-unpublish-trigger {
height: max-content;
cursor: pointer;
}
.gh-publish-trigger svg {
height: 8px;
width: 8px;
.gh-publish-trigger span {
color: var(--green-d1);
font-weight: 600;
letter-spacing: .3px;
}
.gh-publish-trigger svg path {
stroke: var(--darkgrey);
stroke-width: 2px;
}
.gh-publish-trigger:focus {
.gh-publish-trigger:focus,
.gh-unpublish-trigger:focus {
outline: 0;
}

4
ghost/admin/app/styles/layouts/editor.css
View file

@ -340,7 +340,7 @@
background: var(--white) !important;
}
.gh-btn-editor span {
.gh-btn-editor:not(.gh-publish-trigger) span {
color: var(--darkgrey);
}
@ -353,7 +353,7 @@
}
.gh-btn-editor.green span {
color: var(--green);
color: var(--green-d1);
}
.gh-editor-wordcount-container {