TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki 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 class="{{if this.isViewingSubview 'settings-menu-pane-out-left' 'settings-menu-pane-in'}} settings-menu settings-menu-pane">
<div class="settings-menu-header">
@ -175,7 +175,7 @@
</div>{{! .settings-menu-content }}
</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">
{{#if this.isViewingSubview}}
{{#if (eq this.subview "meta-data")}}

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

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