projects/fipamo
projects/fipamo
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases 24 Packages Wiki Activity Actions

responsive pass for page edit ui

Browse source 
there were a couple of glaring issues with the responsiveness of the new
page ui layout, so some of the bigger ones have been addressed

there's was also a bug where the sub-menu options weren't getting picked
up when being assigned in the script. fixed
This commit is contained in:
RXP 2025-05-14 15:01:53 -06:00
parent 543e615645
commit 42dfdc947e
Signed by: ro
GPG key ID: 976711B5057688B7
3 changed files with 41 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
public/assets/css/dash/page-editor.css
View file

@ -224,7 +224,7 @@ main > div.text-editor-control {
grid-template-columns: repeat(8, 1fr);
position: absolute;
z-index: 400;
left: 35px;
left: 10px;
top: 105px;
transition: all 0.2s linear;
}
@ -309,6 +309,21 @@ main section.text-editor div.edit-post-wrapper pre code {
}
@media only screen and (max-width: 480px) {
section.meta {
grid-template-columns: 100%;
top: 390px;
}
button#files-upload {
width: 85%;
font-size: 0.95em;
}
main > section > div.file-manager > div.page-images-list > div,
main > section > div.file-manager > div.page-files-list > div {
height: 110px;
}
main > div.file-manager > div.page-images-list,
main > div.file-manager > div.page-files-list {
grid-template-columns: 1fr 1fr 1fr;
@ -352,6 +367,11 @@ main section.text-editor div.edit-post-wrapper pre code {
font-size: 0.8em;
}
main > section.text-editor .page-title #post-title-text {
font-size: 1.2em;
height: 40px;
}
.control-freeze {
width: 96%;
}

28
public/assets/scripts/dash/app/controllers/PageEditor.js
View file

@ -133,21 +133,25 @@ export default class PostEditor {
);
}
}
let metabtn = document.getElementById('meta-info-toggle');
let metabtn = document.getElementById('');
let metas = document.querySelectorAll('#meta-info-toggle');
let meta = document.querySelector('.meta');
metabtn.addEventListener('click', e => {
let metaO = window.getComputedStyle(meta).getPropertyValue('opacity');
if (metaO == 0) {
meta.classList.remove('hide-el');
meta.classList.add('show-grid');
} else {
meta.classList.add('hide-el');
meta.classList.remove('show-grid');
}
});
for (var i = 0, length = metas.length; i < length; i++) {
metas[i].addEventListener('click', e => {
console.log('CLICK');
let metaO = window.getComputedStyle(meta).getPropertyValue('opacity');
if (metaO == 0) {
meta.classList.remove('hide-el');
meta.classList.add('show-grid');
} else {
meta.classList.add('hide-el');
meta.classList.remove('show-grid');
}
});
}
document.getElementById('files-upload').addEventListener('click', e => {
console.log('TOUCHED');
document.getElementById('page-files-upload').click();
});
}

4
resources/views/includes/nav.blade.php
View file

@ -45,6 +45,10 @@
@case("Start")
@include('includes.submenu-start')
@break
@case("Edit Page")
@include('includes.submenu-edit-page')
@break
@endswitch
<a id="settings" class="main-nav-secondary-highlight" href="/dashboard/settings" title="settings">
<svg id="nav-settings-icon" class="icon">