63 lines
2.7 KiB
JavaScript
63 lines
2.7 KiB
JavaScript
const responsiveVersion = {
|
|
openMobileVersionNavBar() {
|
|
mainSearchIcon.classList.add('disable')
|
|
mainSearchBackLeftIcon.classList.remove('disable')
|
|
navigationBarLeft.classList.add('disable')
|
|
navigationBarRight.classList.add('disable')
|
|
navigationBarMiddle.style.gridColumn = '1/4'
|
|
mainSearchFigure.style.gridColumn = '1/2'
|
|
mainSearchBackLeftTooltiptext.classList.remove('disable')
|
|
mainSearchInput.style.display = 'grid'
|
|
extOptIcon.style.display = 'flex'
|
|
mainSearchInput.focus()
|
|
sideBar.style.marginLeft = '-100%'
|
|
sideMenuCounter = 1
|
|
},
|
|
closeMobileVersionNavBar() {
|
|
mainSearchIcon.classList.remove('disable')
|
|
mainSearchBackLeftIcon.classList.add('disable')
|
|
navigationBarLeft.classList.remove('disable')
|
|
navigationBarRight.classList.remove('disable')
|
|
navigationBarMiddle.style.gridColumn = '2/3'
|
|
mainSearchFigure.style.gridColumn = '3/4'
|
|
mainSearchBackLeftTooltiptext.classList.add('disable')
|
|
mainSearchInput.style.display = 'none'
|
|
extOptIcon.style.display = 'none'
|
|
navigationBar.style.gridTemplateColumns = '120px 1fr 85px'
|
|
|
|
},
|
|
defaultNaviagtionBar() {
|
|
mainSearchIcon.classList.remove('disable')
|
|
mainSearchBackLeftIcon.classList.add('disable')
|
|
navigationBarLeft.classList.remove('disable')
|
|
navigationBarRight.classList.remove('disable')
|
|
navigationBar.style.gridTemplateColumns = '1fr 730px 1fr'
|
|
mainSearchInput.style.display = 'grid'
|
|
extOptIcon.style.display = 'grid'
|
|
mainSearchFigure.style.gridColumn = '1/2'
|
|
},
|
|
smallScreen457() {
|
|
if(window.innerWidth < 510) {
|
|
// document.querySelectorAll('.article-container .main-header .buttons .white-button span')[0].innerHTML = ''
|
|
// document.querySelectorAll('.article-container .main-header .buttons .white-button span')[1].innerHTML = ''
|
|
} else {
|
|
// document.querySelectorAll('.article-container .main-header .buttons .white-button span')[0].innerHTML = 'Following'
|
|
// document.querySelectorAll('.article-container .main-header .buttons .white-button span')[1].innerHTML = 'Share'
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function windowWidthSettings() {
|
|
if(window.innerWidth > 964) {
|
|
responsiveVersion.defaultNaviagtionBar()
|
|
} else {
|
|
if(!suggestMainInput.classList.contains('disable') || !extraSearchOptions.classList.contains('disable')) {
|
|
hideSuggestWords()
|
|
hideExtraSearchOptions()
|
|
}
|
|
responsiveVersion.closeMobileVersionNavBar()
|
|
}
|
|
if(checkIfCategoriesAreOpen() === true) responsiveVersion.smallScreen457()
|
|
|
|
}
|