TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-01 13:54:35 +03:00
Code Issues Projects Releases Wiki 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;
}
@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 {
position: absolute;
top: 31px;

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

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