diff --git a/docker-compose.example.yml b/docker-compose.example.yml
index bd7d9157..5900b327 100644
--- a/docker-compose.example.yml
+++ b/docker-compose.example.yml
@@ -21,7 +21,7 @@ services:
# replace apiName with your instance's distinctive name
- apiName=eu-nl
# if you want to use cookies when fetching data from services, uncomment the next line
- #- cookiePath=/cookies.json
+ #- cookiePath=cookies.json
# see src/modules/processing/cookie/cookies_example.json for example file.
cobalt-web:
diff --git a/src/front/cobalt.css b/src/front/cobalt.css
index 1e8e0569..2fc7a9d7 100644
--- a/src/front/cobalt.css
+++ b/src/front/cobalt.css
@@ -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%;
diff --git a/src/front/cobalt.js b/src/front/cobalt.js
index 459e7546..7f24da9c 100644
--- a/src/front/cobalt.js
+++ b/src/front/cobalt.js
@@ -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 += ``
+ eid("picker-holder").innerHTML +=
+ `` +
+ `
` +
+ ``
}
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 = `