Browse Source

Improved some css and minor self-customization

Anonymous 2 years ago
parent
commit
270d1c0611
  1. 2
      main.meta.js
  2. 74
      main.user.js
  3. 6
      src/App.svelte
  4. 6
      src/EyeButton.svelte

2
main.meta.js

@ -1,7 +1,7 @@
// ==UserScript==
// @name PNGExtraEmbed
// @namespace https://coom.tech/
// @version 0.110
// @version 0.113
// @description uhh
// @author You
// @match https://boards.4channel.org/*

74
main.user.js

@ -1,7 +1,7 @@
// ==UserScript==
// @name PNGExtraEmbed
// @namespace https://coom.tech/
// @version 0.110
// @version 0.113
// @description uhh
// @author You
// @match https://boards.4channel.org/*
@ -11061,7 +11061,7 @@
});
// src/global.css
var global_default = ".pee-hidden {\n display: none;\n}\n\n.extractedImg {\n width: auto;\n height: auto;\n max-width: 125px;\n max-height: 125px;\n cursor: pointer;\n}\n\n#delform .postContainer>div.hasembed {\n border-right: 3px dashed deeppink !important;\n}\n\n.hasembed.catalog-post {\n border: 3px dashed deeppink !important;\n}\n\n#delform .postContainer>div.hasext {\n border-right: 3px dashed goldenrod !important;\n}\n\n#delform .postContainer>div.hasmultiple {\n border-right: 3px dashed cornflowerblue !important;\n}\n\n\n.hasext.catalog-post {\n border: 3px dashed goldenrod !important;\n}\n\n.expanded-image>.post>.file .fileThumb>img[data-md5] {\n display: none;\n}\n\n.expanded-image>.post>.file .fileThumb .full-image {\n display: inline;\n}\n\n.pee-settings {\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\ndiv.hasemb .catalog-host img {\n border: 1px solid deeppink;\n}\n\ndiv.hasext .catalog-host img {\n border: 1px solid goldenrod;\n}\n\ndiv.hasmultiple .catalog-host img {\n border: 1px solid cornflowerblue;\n}\n\n.catalog-host img {\n position: absolute;\n top: -5px;\n right: 0px;\n max-width: 80px;\n max-height: 80px;\n box-shadow: 0px 0px 4px 2px #00000090;\n}\n\n.fileThumb.filehost {\n margin-left: 0 !important;\n display: flex;\n gap: 20px;\n}\n";
var global_default = ".pee-hidden {\r\n display: none;\r\n}\r\n\r\n.extractedImg {\r\n width: auto;\r\n height: auto;\r\n max-width: 125px;\r\n max-height: 125px;\r\n cursor: pointer;\r\n}\r\n\r\n#delform .postContainer>div.hasembed {\r\n border-right: 3px dashed deeppink !important;\r\n}\r\n\r\n.hasembed.catalog-post {\r\n border: 3px dashed deeppink !important;\r\n}\r\n\r\n#delform .postContainer>div.hasext {\r\n border-right: 3px dashed goldenrod !important;\r\n}\r\n\r\n#delform .postContainer>div.hasmultiple {\r\n border-right: 3px dashed cornflowerblue !important;\r\n}\r\n\r\n\r\n.hasext.catalog-post {\r\n border: 3px dashed goldenrod !important;\r\n}\r\n\r\n.expanded-image>.post>.file .fileThumb>img[data-md5] {\r\n display: none;\r\n}\r\n\r\n.expanded-image>.post>.file .fileThumb .full-image {\r\n display: inline;\r\n}\r\n\r\n.pee-settings {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n}\r\n\r\ndiv.hasemb .catalog-host img {\r\n border: 1px solid deeppink;\r\n}\r\n\r\ndiv.hasext .catalog-host img {\r\n border: 1px solid goldenrod;\r\n}\r\n\r\ndiv.hasmultiple .catalog-host img {\r\n border: 1px solid cornflowerblue;\r\n}\r\n\r\n.catalog-host img {\r\n position: absolute;\r\n top: -5px;\r\n right: 0px;\r\n max-width: 80px;\r\n max-height: 80px;\r\n box-shadow: 0px 0px 4px 2px #00000090;\r\n}\r\n\r\n.fileThumb.filehost {\r\n margin-left: 0 !important;\r\n display: flex;\r\n gap: 20px;\r\n}\r\n";
// src/png.ts
init_esbuild_inject();
@ -11865,7 +11865,7 @@
// src/App.svelte
function add_css3(target) {
append_styles(target, "svelte-1ag7hmv", ".tagcont.svelte-1ag7hmv.svelte-1ag7hmv{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.enabled.svelte-1ag7hmv.svelte-1ag7hmv{display:block}.disabled.svelte-1ag7hmv.svelte-1ag7hmv{display:none}.content.svelte-1ag7hmv.svelte-1ag7hmv{display:flex;flex-direction:column}hr.svelte-1ag7hmv.svelte-1ag7hmv{width:100%}h1.svelte-1ag7hmv.svelte-1ag7hmv{text-align:center}.form.svelte-1ag7hmv.svelte-1ag7hmv{display:flex;flex-direction:column;gap:20px;position:absolute;padding:15px;border:1px solid white;background-color:inherit;border-radius:10px}.form.svelte-1ag7hmv>label.svelte-1ag7hmv{display:flex;flex-direction:column;gap:10px}.backpanel.svelte-1ag7hmv.svelte-1ag7hmv{position:absolute;right:32px;padding:10px;width:15%;top:32px;border:1px solid;border-radius:5px;background-color:rgba(0, 0, 0, 0.2);pointer-events:all;backdrop-filter:blur(9px);max-height:80vh;min-width:321px}");
append_styles(target, "svelte-1f6alpx", ".tagcont.svelte-1f6alpx.svelte-1f6alpx{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.enabled.svelte-1f6alpx.svelte-1f6alpx{display:block}.disabled.svelte-1f6alpx.svelte-1f6alpx{display:none}.content.svelte-1f6alpx.svelte-1f6alpx{display:flex;flex-direction:column}hr.svelte-1f6alpx.svelte-1f6alpx{width:100%}h1.svelte-1f6alpx.svelte-1f6alpx{text-align:center}.form.svelte-1f6alpx.svelte-1f6alpx{display:flex;flex-direction:column;gap:20px;position:absolute;padding:15px;border:1px solid white;background-color:inherit;border-radius:10px}.form.svelte-1f6alpx>label.svelte-1f6alpx{display:flex;flex-direction:column;gap:10px}.backpanel.svelte-1f6alpx.svelte-1f6alpx{position:absolute;right:32px;padding:10px;width:15%;top:32px;border:1px solid;border-radius:5px;background-color:rgba(0, 0, 0, 0.8);pointer-events:all;backdrop-filter:blur(9px);max-height:80vh;min-width:321px}");
}
function get_each_context(ctx, list, i) {
const child_ctx = ctx.slice();
@ -11889,7 +11889,7 @@
c() {
label = element("label");
input = element("input");
t = text("\n Hide original content when hidden content is visible.");
t = text("\r\n Hide original content when hidden content is visible.");
attr(input, "type", "checkbox");
},
m(target, anchor) {
@ -11982,9 +11982,9 @@
}
t9 = space();
input = element("input");
attr(div0, "class", "tagcont svelte-1ag7hmv");
attr(hr, "class", "svelte-1ag7hmv");
attr(div1, "class", "tagcont svelte-1ag7hmv");
attr(div0, "class", "tagcont svelte-1f6alpx");
attr(hr, "class", "svelte-1f6alpx");
attr(div1, "class", "tagcont svelte-1f6alpx");
attr(input, "placeholder", "Press enter after typing your tag");
},
m(target, anchor) {
@ -12207,36 +12207,36 @@
c() {
div = element("div");
label0 = element("label");
t0 = text("Name\n ");
t0 = text("Name\r\n ");
input0 = element("input");
t1 = space();
label1 = element("label");
t2 = text("Domain\n ");
t2 = text("Domain\r\n ");
input1 = element("input");
t3 = space();
label2 = element("label");
t4 = text("API Endpoint\n ");
t4 = text("API Endpoint\r\n ");
input2 = element("input");
t5 = space();
label3 = element("label");
t6 = text("Post page prefix (for sources)\n ");
t6 = text("Post page prefix (for sources)\r\n ");
input3 = element("input");
t7 = space();
button = element("button");
button.textContent = "Add";
attr(input0, "type", "text");
attr(input0, "placeholder", "Gelbooru");
attr(label0, "class", "svelte-1ag7hmv");
attr(label0, "class", "svelte-1f6alpx");
attr(input1, "type", "text");
attr(input1, "placeholder", "gelbooru.com");
attr(label1, "class", "svelte-1ag7hmv");
attr(label1, "class", "svelte-1f6alpx");
attr(input2, "type", "text");
attr(input2, "placeholder", "/post.json?tags=md5:");
attr(label2, "class", "svelte-1ag7hmv");
attr(label2, "class", "svelte-1f6alpx");
attr(input3, "type", "text");
attr(input3, "placeholder", "https://yande.re/post/show/");
attr(label3, "class", "svelte-1ag7hmv");
attr(div, "class", "form svelte-1ag7hmv");
attr(label3, "class", "svelte-1f6alpx");
attr(div, "class", "form svelte-1f6alpx");
},
m(target, anchor) {
insert(target, div, anchor);
@ -12401,57 +12401,57 @@
t2 = space();
label0 = element("label");
input0 = element("input");
t3 = text("\n Autoexpand Images on opening.");
t3 = text("\r\n Autoexpand Images on opening.");
t4 = space();
label1 = element("label");
input1 = element("input");
t5 = text("\n Autoexpand Videos on opening.");
t5 = text("\r\n Autoexpand Videos on opening.");
t6 = space();
label2 = element("label");
input2 = element("input");
t7 = text("\n Loop media content.");
t7 = text("\r\n Loop media content.");
t8 = space();
label3 = element("label");
input3 = element("input");
t9 = text("\n Turn off hover preview.");
t9 = text("\r\n Turn off hover preview.");
t10 = space();
label4 = element("label");
input4 = element("input");
t11 = text("\n Hide embedded content behind an eye.");
t11 = text("\r\n Hide embedded content behind an eye.");
t12 = space();
if (if_block0)
if_block0.c();
t13 = space();
label5 = element("label");
input5 = element("input");
t14 = text("\n Preload external files.");
t14 = text("\r\n Preload external files.");
t15 = space();
label6 = element("label");
input6 = element("input");
t16 = text("\n Preload external files when they are in view.");
t16 = text("\r\n Preload external files when they are in view.");
t17 = space();
label7 = element("label");
input7 = element("input");
t18 = text("\n Control audio on videos with mouse wheel.");
t18 = text("\r\n Control audio on videos with mouse wheel.");
t19 = space();
label8 = element("label");
input8 = element("input");
t20 = text("\n Show Minimap");
t20 = text("\r\n Show Minimap");
t21 = space();
label9 = element("label");
input9 = element("input");
t22 = text("\n \n Turn off embedded file preloading");
t22 = text("\r\n \r\n Turn off embedded file preloading");
a = element("a");
a.textContent = "?";
t24 = space();
label10 = element("label");
input10 = element("input");
t25 = text("\n Turn off third-eye.");
t25 = text("\r\n Turn off third-eye.");
t26 = space();
if (if_block1)
if_block1.c();
attr(h1, "class", "svelte-1ag7hmv");
attr(hr, "class", "svelte-1ag7hmv");
attr(h1, "class", "svelte-1f6alpx");
attr(hr, "class", "svelte-1f6alpx");
attr(input0, "type", "checkbox");
attr(input1, "type", "checkbox");
attr(input2, "type", "checkbox");
@ -12464,8 +12464,8 @@
attr(input9, "type", "checkbox");
attr(a, "title", "You might still want to enable 'preload external files'");
attr(input10, "type", "checkbox");
attr(div0, "class", "content svelte-1ag7hmv");
attr(div1, "class", "backpanel svelte-1ag7hmv");
attr(div0, "class", "content svelte-1f6alpx");
attr(div1, "class", "backpanel svelte-1f6alpx");
toggle_class(div1, "enabled", ctx[2]);
toggle_class(div1, "disabled", !ctx[2]);
},
@ -15899,7 +15899,7 @@
// src/EyeButton.svelte
init_esbuild_inject();
function add_css7(target) {
append_styles(target, "svelte-64lw6s", ".clickable.svelte-64lw6s{cursor:pointer;margin-left:5px}.clickable.svelte-64lw6s:hover{text-shadow:0 0 4px palevioletred}");
append_styles(target, "svelte-jnv079", ".clickable.svelte-jnv079{cursor:pointer;margin-left:2px;margin-right:2px;text-decoration:underline}.clickable.svelte-jnv079:hover{text-shadow:0 0 4px palevioletred}");
}
function get_each_context4(ctx, list, i) {
const child_ctx = ctx.slice();
@ -15913,7 +15913,7 @@
return {
c() {
span = element("span");
attr(span, "class", "fa clickable svelte-64lw6s");
attr(span, "class", "fa clickable svelte-jnv079");
toggle_class(span, "fa-eye", !ctx[3]);
toggle_class(span, "fa-eye-slash", ctx[3]);
},
@ -15950,7 +15950,7 @@
t = text("Source");
attr(a, "href", a_href_value = ctx[11].source);
attr(a, "target", "_blank");
attr(a, "class", "clickable svelte-64lw6s");
attr(a, "class", "clickable svelte-jnv079");
},
m(target, anchor) {
insert(target, a, anchor);
@ -15978,7 +15978,7 @@
t = text(t_value);
attr(a, "href", a_href_value = ctx[11].page.url);
attr(a, "target", "_blank");
attr(a, "class", "clickable svelte-64lw6s");
attr(a, "class", "clickable svelte-jnv079");
},
m(target, anchor) {
insert(target, a, anchor);
@ -16006,7 +16006,7 @@
a = element("a");
a.textContent = "[PEE contract]";
attr(a, "alt", "By clicking this you agree to stay hydrated");
attr(a, "class", "clickable svelte-64lw6s");
attr(a, "class", "clickable svelte-jnv079");
},
m(target, anchor) {
insert(target, a, anchor);
@ -16053,7 +16053,7 @@
if_block2.c();
if_block2_anchor = empty();
attr(span, "title", span_title_value = ctx[11].filename);
attr(span, "class", "fa fa-download clickable svelte-64lw6s");
attr(span, "class", "fa fa-download clickable svelte-jnv079");
},
m(target, anchor) {
insert(target, span, anchor);

6
src/App.svelte

@ -193,9 +193,9 @@ import type { Booru } from './thirdeye';
flex-wrap: wrap;
}
select {
/* select {
font-size: 1.2em;
}
} */
.enabled {
display: block;
@ -242,7 +242,7 @@ import type { Booru } from './thirdeye';
top: 32px;
border: 1px solid;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.8);
pointer-events: all;
backdrop-filter: blur(9px);
max-height: 80vh;

6
src/EyeButton.svelte

@ -82,7 +82,11 @@ import type { EmbeddedFile } from './main';
<style scoped>
.clickable {
cursor: pointer;
margin-left: 5px;
/* margin-left: 5px; */
/* Custom */
margin-left: 2px;
margin-right: 2px;
}
.clickable:hover {

Loading…
Cancel
Save