open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

No usercss scroll listener and delay header check

Browse Source
This commit is contained in:
narcolepticinsomniac 2019-07-20 03:21:56 -04:00 committed by GitHub
parent 25c2f5806c
commit a023e8829c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
edit/edit.js
View File

@ -22,6 +22,8 @@ const CssToProperty = Object.entries(propertyToCss)
let editor; let editor;
let scrollPointTimer;
document.addEventListener('visibilitychange', beforeUnload); document.addEventListener('visibilitychange', beforeUnload);
window.addEventListener('beforeunload', beforeUnload); window.addEventListener('beforeunload', beforeUnload);
msg.onExtension(onRuntimeMessage); msg.onExtension(onRuntimeMessage);
@ -492,7 +494,7 @@ function rememberWindowSize() {
} }
prefs.subscribe(['editor.linter'], (key, value) => { prefs.subscribe(['editor.linter'], (key, value) => {
if(value === '') { if (value === '') {
document.body.classList.add('linter-disabled'); document.body.classList.add('linter-disabled');
} else { } else {
document.body.classList.remove('linter-disabled'); document.body.classList.remove('linter-disabled');
@ -502,7 +504,7 @@ prefs.subscribe(['editor.linter'], (key, value) => {
function fixedHeader() { function fixedHeader() {
const scrollPoint = $('#header').clientHeight - 40; const scrollPoint = $('#header').clientHeight - 40;
const linterEnabled = prefs.get('editor.linter') !== ''; const linterEnabled = prefs.get('editor.linter') !== '';
if (window.scrollY >= scrollPoint && !document.body.classList.contains('fixed-header') && linterEnabled) { if (window.scrollY >= scrollPoint && !$('.fixed-header') && linterEnabled) {
document.body.classList.add('fixed-header'); document.body.classList.add('fixed-header');
} else if (window.scrollY < 40 && linterEnabled) { } else if (window.scrollY < 40 && linterEnabled) {
document.body.classList.remove('fixed-header'); document.body.classList.remove('fixed-header');
@ -515,16 +517,21 @@ function detectLayout() {
const shortViewportNoLinter = window.innerHeight < 554; const shortViewportNoLinter = window.innerHeight < 554;
const linterEnabled = prefs.get('editor.linter') !== ''; const linterEnabled = prefs.get('editor.linter') !== '';
if (compact) { if (compact) {
const scrollPoint = $('#header').clientHeight - 40;
if (window.scrollY >= scrollPoint && !document.body.classList.contains('fixed-header') && linterEnabled) {
document.body.classList.add('fixed-header');
}
document.body.classList.add('compact-layout'); document.body.classList.add('compact-layout');
$('#options').removeAttribute('open'); $('#options').removeAttribute('open');
$('#options').classList.add('ignore-pref'); $('#options').classList.add('ignore-pref');
$('#lint').removeAttribute('open'); $('#lint').removeAttribute('open');
$('#lint').classList.add('ignore-pref'); $('#lint').classList.add('ignore-pref');
window.addEventListener('scroll', fixedHeader); if (!$('.usercss')) {
clearTimeout(scrollPointTimer);
scrollPointTimer = setTimeout(() => {
const scrollPoint = $('#header').clientHeight - 40;
if (window.scrollY >= scrollPoint && !$('.fixed-header') && linterEnabled) {
document.body.classList.add('fixed-header');
}
}, 250);
window.addEventListener('scroll', fixedHeader);
}
} else { } else {
document.body.classList.remove('compact-layout'); document.body.classList.remove('compact-layout');
document.body.classList.remove('fixed-header'); document.body.classList.remove('fixed-header');