Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-06-12 21:27:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

added support for instagram images

Browse Source 
also improved various picker
This commit is contained in:
wukko
2023-08-20 19:14:31 +06:00
parent a15558bc3f
commit dfdda06099
6 changed files with 36 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/front/cobalt.css
View File

@ -697,15 +697,7 @@ button:active,
height: 12rem;
background-color: var(--accent-button);
cursor: pointer;
}
.picker-various-container {
height: 12rem;
width: 12rem;
margin-bottom: var(--padding-1);
background-color: var(--accent-button);
border: var(--accent-button) 0.18rem solid;
position: relative;
cursor: pointer;
}
#picker-holder {
display: flex;
@ -716,8 +708,8 @@ button:active,
padding-bottom: calc(env(safe-area-inset-bottom)/2 + 4.8rem);
}
.imageBlock {
height: 100%;
width: 100%;
height: 100%;
position: absolute;
z-index: 99;
}
@ -1174,11 +1166,6 @@ button:active,
overflow-x: hidden;
overflow-y: scroll;
}
.picker-various-container {
width: 100%;
height: 20rem;
max-width: 100%;
}
.popup, .popup.scrollable {
border: none;
width: 100%;

24
src/front/cobalt.js
View File

@ -202,31 +202,35 @@ function popup(type, action, text) {
eid("picker-title").innerHTML = loc.pickerImages;
eid("picker-subtitle").innerHTML = loc.pickerImagesExpl;
eid("popup-picker").classList.add("scrollable");
eid("picker-holder").classList.remove("various");
eid("picker-download").href = text.audio;
eid("picker-download").classList.add("visible");
for (let i in text.arr) {
eid("picker-holder").innerHTML += `<a class="picker-image-container"><img class="picker-image" src="${text.arr[i]["url"]}" onerror="this.parentNode.style.display='none'"></img></a>`
eid("picker-holder").innerHTML +=
`<a class="picker-image-container" ${
isIOS ? `onClick="share('${text.arr[i]["url"]}')` : `href="${text.arr[i]["url"]}" target="_blank"`
}>` +
`<img class="picker-image" src="${text.arr[i]["url"]}" onerror="this.parentNode.style.display='none'"></img>` +
`</a>`
}
break;
default:
eid("picker-title").innerHTML = loc.pickerDefault;
eid("picker-subtitle").innerHTML = loc.pickerDefaultExpl;
eid("popup-picker").classList.remove("scrollable");
eid("picker-holder").classList.add("various");
for (let i in text.arr) {
let s = text.arr[i], item;
switch (s.type) {
case "video":
item = `<div class="picker-image-container" onClick="${isIOS ? `share('${text.arr[i]["url"]}')` : `window.location.href='${text.arr[i]["url"]}'`}"><div class="picker-element-name">${Number(i)+1}</div><div class="imageBlock"></div><img class="picker-image" src="${text.arr[i]["thumb"]}" onerror="this.style.display='none'"></img></div>`
break;
}
eid("picker-holder").innerHTML += item
eid("picker-holder").innerHTML +=
`<a class="picker-image-container" ${
isIOS ? `onClick="share('${text.arr[i]["url"]}')` : `href="${text.arr[i]["url"]}" target="_blank"`
}>` +
`<div class="picker-element-name">${text.arr[i].type}</div>` +
`<div class="imageBlock"></div>` +
`<img class="picker-image" src="${text.arr[i]["thumb"]}" onerror="this.style.display='none'"></img>` +
`</a>`
}
eid("picker-download").classList.remove("visible");
break;