monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-02 20:08:18 +08:00
Code Issues Projects Releases Packages Wiki Activity

fixed banner media queries causing overflow

Browse source
This commit is contained in:
Miodec 2022-01-28 18:10:14 +01:00
parent 09a25e1b8b
commit 3c54f305f9
3 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/js/elements/notifications.js
View file

@ -117,7 +117,7 @@ class Notification {
$(`#notificationCenter .notif[id='${this.id}']`).toggleClass("hover");
});
} else if (this.type === "banner") {
let leftside = `<div class="icon">${icon}</div>`;
let leftside = `<div class="icon lefticon">${icon}</div>`;
if (/^images\/.*/.test(this.customIcon)) {
leftside = `<div class="image" style="background-image: url(${this.customIcon})"></div>`;

4
src/sass/banners.scss
View file

@ -25,7 +25,7 @@
margin-left: 2rem;
}
.icon {
margin-left: 2rem;
margin-left: 1rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
@ -34,7 +34,7 @@
margin-bottom: 0.5rem;
}
.closeButton {
margin-right: 2rem;
margin-right: 1rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
transition: 0.125s;

3
src/sass/z_media-queries.scss
View file

@ -110,6 +110,9 @@
.image {
display: none;
}
.lefticon {
display: none;
}
.text {
margin-left: 2rem;
}