Albirew/nyaa-pantsu
Albirew/nyaa-pantsu
Archivé
1
0
Bifurcation 0
Code Activité

Fixing for #791

Parcourir la source 
Added a padding-right 20px in css
Added a js event listener on search box to dien it on focus and reduce
it on blur
Cette révision appartient à :
akuma06 2017-05-28 02:23:47 +02:00
Parent 25c40d6d5c
révision c533f5b398
2 fichiers modifiés avec 12 ajouts et 2 suppressions
Voir les statistiques Télécharger le patch en tant que fichier Télécharger le fichier diff Développer tous les fichiers Réduire tous les fichiers

2
public/css/main.css
Voir le fichier

@ -115,7 +115,7 @@ select.form-input {
pointer-events: none;
}
.form-input.search-box { margin-right: -20px; }
.form-input.search-box { margin-right: -20px; padding-right: 20px; }
.form-input.search-box + .search-icon {
left: -5px;
position: relative;

12
public/js/main.js
Voir le fichier

@ -76,6 +76,16 @@ window.onload = function() {
var shiftWindow = function() { scrollBy(0, -70) };
if (location.hash) shiftWindow();
window.addEventListener("hashchange", shiftWindow);
document.getElementsByClassName("search-box")[0].addEventListener("focus", function (e) {
var w = document.getElementsByClassName("h-user")[0].offsetWidth;
document.getElementsByClassName("h-user")[0].style.display = "none";
document.getElementsByClassName("search-box")[0].style.width = document.getElementsByClassName("search-box")[0].offsetWidth + w + "px";
});
document.getElementsByClassName("search-box")[0].addEventListener("blur", function (e) {
document.getElementsByClassName("search-box")[0].style.width = "";
document.getElementsByClassName("h-user")[0].style.display = "inline-block";
});
};
function playVoice() {
@ -86,4 +96,4 @@ function playVoice() {
nyanpassu.volume = 0.5;
nyanpassu.play();
}
}
}