aytac/Casper
1
0
Fork 0
mirror of https://github.com/spaytac/Casper.git synced 2026-01-21 16:54:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Compare commits

base: aytac:ed555444fffc1e901245f84bfce188b8d3795a96
Branches Tags
aytac:main
aytac:v5.6.0
aytac:v5.4.11
aytac:v5.4.9
aytac:feature/cr-github-actions
aytac:v5.4.8
aytac:v5.4.7
aytac:v5.5.5
aytac:v5.4.4
aytac:v5.4.3
aytac:v5.4.2-merge
aytac:V5.6.0
aytac:V5.4.9
aytac:V5.4.8
aytac:5.4.7
aytac:5.4.5
aytac:5.4.3
aytac:5.4.1
...
compare: aytac:78b58e47dd1a9861fe68e9b643a85f9c8aa0f3b1
Branches Tags
aytac:main
aytac:v5.6.0
aytac:v5.4.11
aytac:v5.4.9
aytac:feature/cr-github-actions
aytac:v5.4.8
aytac:v5.4.7
aytac:v5.5.5
aytac:v5.4.4
aytac:v5.4.3
aytac:v5.4.2-merge
aytac:V5.6.0
aytac:V5.4.9
aytac:V5.4.8
aytac:5.4.7
aytac:5.4.5
aytac:5.4.3
aytac:5.4.1

7 Commits
ed555444ff ... 78b58e47dd

Author SHA1 Message Date
Aytac Kirmizi
78b58e47dd
Merge pull request #9 from spaytac/v5.4.9
Some checks failed
release
Details
build (18.x)
Details 
V5.4.9
 2023-04-12 09:55:07 +02:00
Aytac Kirmizi
14c5d004f4 **update** merged with origin 2023-04-12 09:54:04 +02:00
Aytac Kirmizi
d1595f421a Merge remote-tracking branch 'origin/v5.4.9' into v5.4.9 
# Conflicts:
#	assets/built/casper.js.map
#	assets/built/screen.css
#	assets/built/screen.css.map
#	assets/css/screen.css
#	assets/js/dropdown.js
#	package.json
 2023-04-11 11:41:57 +02:00
Sodbileg Gansukh
5c7fb39df9 v5.4.9 2023-04-10 13:42:17 +08:00
Sodbileg Gansukh
4851606d9d Rebuilt assets 2023-04-10 13:41:59 +08:00
Rob Leslie
afca9cb27e Fix problem showing dropdown after window resize 
When the browser window is resized, a new click event listener is added
to the window but the old one is not removed. The old one ends up
preventing the newly-made dropdown from opening.

Fix this by remembering the click event listener function added to the
window, and remove it before making the new dropdown after a window
resize.
 2023-04-10 13:40:33 +08:00
Sodbileg Gansukh
b56bec2cb8 Fixed header action background color for smaller screens 
closes #934

- the accent color is used for the header background, so we don't need to add explicit dark mode color to the action on mobile screens
 2023-04-10 13:24:11 +08:00
7 changed files with 90 additions and 99 deletions
Show Stats Expand all files Collapse all files

2
assets/built/casper.js
View File

File diff suppressed because one or more lines are too long

2
assets/built/casper.js.map
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

12
assets/css/screen.css
View File

@ -2285,12 +2285,6 @@ html.dark-mode .footer-cta-title {
color: #fff;
}
@media (max-width: 767px) {
html.dark-mode .gh-head-open #gh-head .gh-head-actions {
background-color: var(--color-darkmode);
}
}
@media (prefers-color-scheme: dark) {
html.auto-color body {
color: rgba(255, 255, 255, 0.75);
@ -2475,12 +2469,6 @@ html.dark-mode .footer-cta-title {
html.auto-color .footer-cta-title {
color: #fff;
}
@media (max-width: 767px) {
html.auto-color .gh-head-open #gh-head .gh-head-actions {
background-color: var(--color-darkmode);
}
}
}
/*

167
assets/js/dropdown.js
View File

@ -1,82 +1,85 @@
(function () {
const mediaQuery = window.matchMedia('(max-width: 767px)');
const head = document.querySelector('.gh-head');
const menu = head.querySelector('.gh-head-menu');
const nav = menu.querySelector('.nav');
if (!nav) return;
const logo = document.querySelector('.gh-head-logo');
const navHTML = nav.innerHTML;
if (mediaQuery.matches) {
const items = nav.querySelectorAll('li');
items.forEach(function (item, index) {
item.style.transitionDelay = 0.03 * (index + 1) + 's';
});
}
const makeDropdown = function () {
if (mediaQuery.matches) return;
const submenuItems = [];
while ((nav.offsetWidth + 64) > menu.offsetWidth) {
if (nav.lastElementChild) {
submenuItems.unshift(nav.lastElementChild);
nav.lastElementChild.remove();
} else {
return;
}
}
if (!submenuItems.length) {
document.body.classList.add('is-dropdown-loaded');
return;
}
const toggle = document.createElement('button');
toggle.setAttribute('class', 'nav-more-toggle');
toggle.setAttribute('aria-label', 'More');
toggle.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><path d="M21.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM13.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM5.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0z"></path></svg>';
const wrapper = document.createElement('div');
wrapper.setAttribute('class', 'gh-dropdown');
if (submenuItems.length >= 10) {
document.body.classList.add('is-dropdown-mega');
wrapper.style.gridTemplateRows = 'repeat(' + Math.ceil(submenuItems.length / 2) + ', 1fr)';
} else {
document.body.classList.remove('is-dropdown-mega');
}
submenuItems.forEach(function (child) {
wrapper.appendChild(child);
});
toggle.appendChild(wrapper);
nav.appendChild(toggle);
document.body.classList.add('is-dropdown-loaded');
toggle.addEventListener('click', function () {
document.body.classList.toggle('is-dropdown-open');
});
window.addEventListener('click', function (e) {
if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) {
document.body.classList.remove('is-dropdown-open');
}
});
}
imagesLoaded(head, function () {
makeDropdown();
});
window.addEventListener('resize', function () {
setTimeout(function () {
nav.innerHTML = navHTML;
makeDropdown();
}, 1);
});
})();
(function () {
const mediaQuery = window.matchMedia('(max-width: 767px)');
const head = document.querySelector('.gh-head');
const menu = head.querySelector('.gh-head-menu');
const nav = menu.querySelector('.nav');
if (!nav) return;
const logo = document.querySelector('.gh-head-logo');
const navHTML = nav.innerHTML;
if (mediaQuery.matches) {
const items = nav.querySelectorAll('li');
items.forEach(function (item, index) {
item.style.transitionDelay = 0.03 * (index + 1) + 's';
});
}
var windowClickListener;
const makeDropdown = function () {
if (mediaQuery.matches) return;
const submenuItems = [];
while ((nav.offsetWidth + 64) > menu.offsetWidth) {
if (nav.lastElementChild) {
submenuItems.unshift(nav.lastElementChild);
nav.lastElementChild.remove();
} else {
return;
}
}
if (!submenuItems.length) {
document.body.classList.add('is-dropdown-loaded');
return;
}
const toggle = document.createElement('button');
toggle.setAttribute('class', 'nav-more-toggle');
toggle.setAttribute('aria-label', 'More');
toggle.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><path d="M21.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM13.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0zM5.333 16c0-1.473 1.194-2.667 2.667-2.667v0c1.473 0 2.667 1.194 2.667 2.667v0c0 1.473-1.194 2.667-2.667 2.667v0c-1.473 0-2.667-1.194-2.667-2.667v0z"></path></svg>';
const wrapper = document.createElement('div');
wrapper.setAttribute('class', 'gh-dropdown');
if (submenuItems.length >= 10) {
document.body.classList.add('is-dropdown-mega');
wrapper.style.gridTemplateRows = 'repeat(' + Math.ceil(submenuItems.length / 2) + ', 1fr)';
} else {
document.body.classList.remove('is-dropdown-mega');
}
submenuItems.forEach(function (child) {
wrapper.appendChild(child);
});
toggle.appendChild(wrapper);
nav.appendChild(toggle);
document.body.classList.add('is-dropdown-loaded');
toggle.addEventListener('click', function () {
document.body.classList.toggle('is-dropdown-open');
});
windowClickListener = function (e) {
if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) {
document.body.classList.remove('is-dropdown-open');
}
};
window.addEventListener('click', windowClickListener);
}
imagesLoaded(head, function () {
makeDropdown();
});
window.addEventListener('resize', function () {
setTimeout(function () {
window.removeEventListener('click', windowClickListener);
nav.innerHTML = navHTML;
makeDropdown();
}, 1);
});
})();

2
package.json
View File

@ -2,7 +2,7 @@
"name": "casper-aytac",
"description": "A clean, minimal default theme for the Ghost publishing platform with little modifications by Aytac",
"demo": "https://aytac.kirmizi.online",
"version": "5.4.8",
"version": "5.4.9",
"engines": {
"ghost": ">=5.0.0"
},