Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 11:36:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make buttons more consistent

Browse source 
Rename JumpUp button to top-of-page
This commit is contained in:
Michał Gdula 2023-03-12 18:19:43 +00:00
parent 0d10de923d
commit b208b872d7
13 changed files with 143 additions and 102 deletions
Download patch file Download diff file Expand all files Collapse all files

4
gallery/static/js/login.js
View file

@ -3,7 +3,7 @@ function showLogin() {
popUpShow(
'idk what to put here, just login please',
'Need an account? <span class="pop-up__link" onclick="showRegister()">Register!</span>',
'<button class="pop-up__btn pop-up__btn-primary-fill" form="loginForm" type="submit">Login</button>',
'<button class="btn-block primary" form="loginForm" type="submit">Login</button>',
'<form id="loginForm" onsubmit="return login(event)">\
<input class="pop-up__input" type="text" placeholder="Namey" id="username"/>\
<input class="pop-up__input" type="password" placeholder="Passywassy" id="password"/>\
@ -57,7 +57,7 @@ function showRegister() {
popUpShow(
'Who are you?',
'Already have an account? <span class="pop-up__link" onclick="showLogin()">Login!</span>',
'<button class="pop-up__btn pop-up__btn-primary-fill" form="registerForm" type="submit">Register</button>',
'<button class="btn-block primary" form="registerForm" type="submit">Register</button>',
'<form id="registerForm" onsubmit="return register(event)">\
<input class="pop-up__input" type="text" placeholder="Namey" id="username"/>\
<input class="pop-up__input" type="text" placeholder="E mail!" id="email"/>\

7
gallery/static/js/main.js
View file

@ -76,12 +76,13 @@ window.onscroll = function () {
loadOnView();
// Jump to top button
let topOfPage = document.querySelector('.top-of-page');
if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 20) {
document.querySelector('.jumpUp').classList = 'jumpUp jumpUp--show';
topOfPage.classList.add('show');
} else {
document.querySelector('.jumpUp').classList = 'jumpUp';
topOfPage.classList.remove('show');
}
document.querySelector('.jumpUp').onclick = function () {
topOfPage.onclick = function () {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}

2
gallery/static/js/popup.js
View file

@ -12,7 +12,7 @@ function popUpShow(title, body, actions, content) {
// Set buttons that will be displayed
popupActions.innerHTML = actions;
popupActions.innerHTML += '<button class="pop-up__btn pop-up__btn-fill" onclick="popupDissmiss()">Nooooooo</button>';
popupActions.innerHTML += '<button class="btn-block" onclick="popupDissmiss()">Nooooooo</button>';
// Show popup
popup.style.display = 'block';