akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-29 17:32:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Adjust layout for mobile

Browse Source
This commit is contained in:
Misode
2020-06-05 22:19:48 +02:00
parent cf46776890
commit 9faf7339fe
3 changed files with 87 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/app.ts
View File

@@ -50,6 +50,7 @@ Promise.all([
const sourceControlsMenu = document.getElementById('source-controls-menu')!
const sourceControlsCopy = document.getElementById('source-controls-copy')!
const sourceControlsDownload = document.getElementById('source-controls-download')!
const sourceToggle = document.getElementById('source-toggle')!
let selected = modelFromPath(location.pathname)
@@ -110,6 +111,18 @@ Promise.all([
updateModel(modelFromPath(location.pathname))
}
sourceToggle.addEventListener('click', evt => {
if (sourceViewEl.classList.contains('toggled')) {
sourceViewEl.classList.remove('toggled')
sourceToggle.children[0].classList.remove('inactive')
sourceToggle.children[1].classList.add('inactive')
} else {
sourceViewEl.classList.add('toggled')
sourceToggle.children[0].classList.add('inactive')
sourceToggle.children[1].classList.remove('inactive')
}
})
languageSelectorMenu.innerHTML = ''
Object.keys(languages).forEach(key => {
languageSelectorMenu.insertAdjacentHTML('beforeend',