Fixed the button positions and spacings for the Publish, Save and Sidebar icons in the editor

no issue
This commit is contained in:
James Morris 2022-05-26 13:47:38 +01:00
parent a4df422249
commit 2f85bd6ea4
4 changed files with 9 additions and 5 deletions

View File

@ -31,7 +31,7 @@
@buttonText="Save"
@task={{@data.saveTask}}
@runningText="Saving"
@class="gh-btn gh-btn-icon gh-btn-editor contributor-save-button"
@class="gh-btn gh-btn-icon gh-btn-editor gh-editor-save-trigger contributor-save-button"
data-test-preview-contributor-save />
{{else}}
<button

View File

@ -15,7 +15,7 @@
@buttonText="Save"
@task={{this.saveTask}}
@runningText="Saving"
@class="gh-btn gh-btn-icon gh-btn-editor contributor-save-button"
@class="gh-btn gh-btn-icon gh-btn-editor gh-editor-save-trigger contributor-save-button"
data-test-button="contributor-save" />
{{else}}
{{#if @post.isDraft}}
@ -44,7 +44,7 @@
<GhTaskButton
@task={{this.saveTask}}
@runningText="Saving..."
@class="gh-btn gh-btn-editor gh-publish-trigger"
@class="gh-btn gh-btn-editor gh-editor-save-trigger gh-publish-trigger"
@idleClass="green"
@runningClass="midlightgrey"
@successClass="midlightgrey"

View File

@ -6,7 +6,7 @@
.settings-menu-toggle {
position: absolute;
top: 31px;
top: 30px;
right: 24px;
z-index: 9999;
margin-right: 0 !important;
@ -34,7 +34,7 @@
}
.settings-menu-toggle-spacer {
width: 40px;
width: 46px;
}
@media (max-width: 1024px) {

View File

@ -625,6 +625,10 @@ body[data-user-is-dragging] .gh-editor-feature-image-dropzone {
border-radius: 3px;
}
.gh-editor-save-trigger {
margin-right: 8px;
}
.gh-editor-preview-trigger {
background: var(--white);
font-size: 1.35rem;