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

Switched PSM to popover on smaller screens

Browse source 
refs https://github.com/TryGhost/Team/issues/840

- first pass at CSS-only PSM popover behaviour on screens <1024px
This commit is contained in:
Kevin Ansfield 2021-07-01 09:30:16 +01:00
parent 73d4ac8a26
commit f09af344ed
2 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -394,6 +394,19 @@
min-width: 501px; min-width: 501px;
} }
@media (max-width: 1024px) {
.settings-menu-container-labs {
position: absolute;
right: 0;
}
}
@media (max-width: 800px) {
.settings-menu-container-labs {
padding-bottom: 64px;
}
}
.settings-menu-toggle-labs { .settings-menu-toggle-labs {
position: absolute; position: absolute;
top: 31px; top: 31px;

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

@ -297,6 +297,12 @@
max-width: calc(100vw - var(--editor-sidebar-width)) max-width: calc(100vw - var(--editor-sidebar-width))
} }
@media (max-width: 1024px) {
.gh-editor {
max-width: 100%;
}
}
.gh-editor-header { .gh-editor-header {
position: absolute; position: absolute;
top: 0; top: 0;