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

Added variable width for inner panes of PSM

Browse source
This commit is contained in:
Peter Zimon 2021-03-04 16:54:14 +01:00
parent 4e0f0e88b2
commit 95507864f0
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/components/gh-post-settings-menu.hbs
View file

@ -1,4 +1,4 @@
<div class="settings-menu-container"> <div class="settings-menu-container {{if (and this.isViewingSubview (not (eq this.subview "email-settings"))) "settings-menu-container-wide"}}">
<div id="entry-controls"> <div id="entry-controls">
<div class="{{if this.isViewingSubview 'settings-menu-pane-out-left' 'settings-menu-pane-in'}} settings-menu settings-menu-pane"> <div class="{{if this.isViewingSubview 'settings-menu-pane-out-left' 'settings-menu-pane-in'}} settings-menu settings-menu-pane">
<div class="settings-menu-header"> <div class="settings-menu-header">
@ -175,7 +175,7 @@
</div>{{! .settings-menu-content }} </div>{{! .settings-menu-content }}
</div>{{! .post-settings-menu }} </div>{{! .post-settings-menu }}
<div class="{{if this.isViewingSubview 'settings-menu-pane-in' 'settings-menu-pane-out-right'}} settings-menu settings-menu-pane"> <div class="{{if this.isViewingSubview 'settings-menu-pane-in' 'settings-menu-pane-out-right'}} settings-menu settings-menu-pane {{unless (eq this.subview "email-settings") "settings-menu-pane-wide"}}">
<div class="active"> <div class="active">
{{#if this.isViewingSubview}} {{#if this.isViewingSubview}}
{{#if (eq this.subview "meta-data")}} {{#if (eq this.subview "meta-data")}}

11
ghost/admin/app/styles/components/settings-menu.css
View file

@ -8,7 +8,7 @@
.settings-menu-container { .settings-menu-container {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: calc(380px - 500px);
bottom: 0; bottom: 0;
z-index: 500; z-index: 500;
width: 500px; width: 500px;
@ -38,10 +38,19 @@
left: 0; left: 0;
overflow: auto; overflow: auto;
opacity: 1; opacity: 1;
width: 380px;
transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px);
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.settings-menu-container .settings-menu-pane-wide {
width: 500px;
}
.settings-menu-container-wide {
right: 0;
}
@media (min-width: 901px) { @media (min-width: 901px) {
.settings-menu-container .settings-menu-pane { .settings-menu-container .settings-menu-pane {
transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);