Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-17 22:00:00 +00:00
Code Issues Projects Releases Packages Wiki Activity

popup improvements

Browse source 
- set max size of close button in popups to prevent stretching
- image picker buttons are now distanced away from content
- if an image in image picker couldn't load, it now disappears instead of displaying ":("
This commit is contained in:
wukko 2022-09-04 10:29:13 +06:00
parent 4cd6461c4e
commit 1098f76d63
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/front/cobalt.css
View file

@ -438,7 +438,7 @@ input[type="checkbox"] {
overflow: auto;
}
#close-bottom {
width: 18%;
max-width: 3rem;
margin-left: 1rem;
background: var(--background);
border: var(--border-15);
@ -493,6 +493,9 @@ input[type="checkbox"] {
padding-top: 0!important;
padding-bottom: 1rem;
}
#popup-imagePicker #popup-buttons {
padding-top: 1rem;
}
/* adapt the page according to screen size */
@media screen and (min-width: 2300px) {
html {

2
src/front/cobalt.js
View file

@ -137,7 +137,7 @@ function popup(type, action, text) {
case 1:
eid("imagepicker-download").href = text.url;
for (let i in text.images) {
eid("imagepicker-holder").innerHTML += `<div class="imagepicker-image-container"><img class="imagepicker-image" src="${text.images[i]}" onerror="this.style.display='none';this.parentNode.innerHTML=':('"></img></div>`
eid("imagepicker-holder").innerHTML += `<div class="imagepicker-image-container"><img class="imagepicker-image" src="${text.images[i]}" onerror="this.parentNode.style.display='none'"></img></div>`
}
break;
case 0: