diff --git a/main.meta.js b/main.meta.js index 4175095..a9b7b6e 100644 --- a/main.meta.js +++ b/main.meta.js @@ -1,7 +1,7 @@ // ==UserScript== // @name PNGExtraEmbed2 // @namespace https://coom.tech/ -// @version 0.125 +// @version 0.127 // @description uhh // @author You // @match https://boards.4channel.org/* diff --git a/main.user.js b/main.user.js index 215b437..e633c86 100644 --- a/main.user.js +++ b/main.user.js @@ -1,7 +1,7 @@ // ==UserScript== // @name PNGExtraEmbed2 // @namespace https://coom.tech/ -// @version 0.125 +// @version 0.127 // @description uhh // @author You // @match https://boards.4channel.org/* @@ -15931,7 +15931,7 @@ // src/EyeButton.svelte init_esbuild_inject(); function add_css7(target) { - append_styles(target, "svelte-gs6i9t", ".clickable.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{cursor:pointer;margin-left:2px;margin-right:2px}.hasembed.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{color:deeppink}.hasext.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{color:goldenrod}.hasblack.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{color:black}.hasblack-bg.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{background-color:black}.clickable.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t:hover{text-shadow:0 0 4px palevioletred}a.clickable.hasembed.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{color:deeppink !important}a.clickable.hasext.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{color:goldenrod !important}a.clickable.hasblack.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{color:black !important}details.tags.svelte-gs6i9t.svelte-gs6i9t.svelte-gs6i9t{display:inline-block}.tags.svelte-gs6i9t>ul.svelte-gs6i9t.svelte-gs6i9t{position:absolute;min-width:35px;list-style:none;margin-top:2px;padding:0;background-color:#00000044}.tags.svelte-gs6i9t>ul.svelte-gs6i9t>li.svelte-gs6i9t{padding:2px 2px;margin-bottom:2px}"); + append_styles(target, "svelte-y0x208", ".clickable.svelte-y0x208.svelte-y0x208.svelte-y0x208{cursor:pointer;margin-left:2px;margin-right:2px}.hasembed.svelte-y0x208.svelte-y0x208.svelte-y0x208{color:deeppink}.hasext.svelte-y0x208.svelte-y0x208.svelte-y0x208{color:goldenrod}.hasblack.svelte-y0x208.svelte-y0x208.svelte-y0x208{color:black}.hasblack-bg.svelte-y0x208.svelte-y0x208.svelte-y0x208{background-color:black}.clickable.svelte-y0x208.svelte-y0x208.svelte-y0x208:hover{text-shadow:0 0 4px palevioletred}a.clickable.hasembed.svelte-y0x208.svelte-y0x208.svelte-y0x208{color:deeppink !important}a.clickable.hasext.svelte-y0x208.svelte-y0x208.svelte-y0x208{color:goldenrod !important}a.clickable.hasblack.svelte-y0x208.svelte-y0x208.svelte-y0x208{color:black !important}details.tags.svelte-y0x208.svelte-y0x208.svelte-y0x208{display:inline-block;margin-right:2px}details.tags.svelte-y0x208>summary.svelte-y0x208.svelte-y0x208{cursor:pointer}details.tags.svelte-y0x208>ul.svelte-y0x208.svelte-y0x208{position:absolute;min-width:35px;list-style:none;margin-top:2px;padding:0;background-color:#00000044}details.tags.svelte-y0x208>ul.svelte-y0x208>li.svelte-y0x208{padding:2px 2px;margin-bottom:2px}"); } function get_each_context4(ctx, list, i) { const child_ctx = ctx.slice(); @@ -15950,7 +15950,7 @@ return { c() { span = element("span"); - attr(span, "class", "fa clickable svelte-gs6i9t"); + attr(span, "class", "fa clickable svelte-y0x208"); toggle_class(span, "fa-eye", !ctx[3]); toggle_class(span, "fa-eye-slash", ctx[3]); }, @@ -15987,7 +15987,7 @@ t = text("Source"); attr(a, "href", a_href_value = ctx[13].source); attr(a, "target", "_blank"); - attr(a, "class", "clickable svelte-gs6i9t"); + attr(a, "class", "clickable svelte-y0x208"); toggle_class(a, "hasembed", ctx[13]?.embed_type === 1 /* MEDIA_EMBED */); toggle_class(a, "hasext", ctx[13]?.embed_type === 0 /* THIRD_EYE */); toggle_class(a, "hasblack", ctx[13]?.isBlacklisted === true); @@ -16027,7 +16027,7 @@ t = text(t_value); attr(a, "href", a_href_value = ctx[13].page.url); attr(a, "target", "_blank"); - attr(a, "class", "clickable svelte-gs6i9t"); + attr(a, "class", "clickable svelte-y0x208"); toggle_class(a, "hasembed", ctx[13]?.embed_type === 1 /* MEDIA_EMBED */); toggle_class(a, "hasext", ctx[13]?.embed_type === 0 /* THIRD_EYE */); toggle_class(a, "hasblack", ctx[13]?.isBlacklisted === true); @@ -16078,12 +16078,12 @@ for (let i = 0; i < each_blocks.length; i += 1) { each_blocks[i].c(); } - attr(summary, "class", "svelte-gs6i9t"); + attr(summary, "class", "svelte-y0x208"); toggle_class(summary, "hasembed", ctx[13]?.embed_type === 1 /* MEDIA_EMBED */); toggle_class(summary, "hasext", ctx[13]?.embed_type === 0 /* THIRD_EYE */); toggle_class(summary, "hasblack", ctx[13]?.isBlacklisted === true); - attr(ul, "class", "svelte-gs6i9t"); - attr(details, "class", "tags svelte-gs6i9t"); + attr(ul, "class", "svelte-y0x208"); + attr(details, "class", "tags svelte-y0x208"); }, m(target, anchor) { insert(target, details, anchor); @@ -16138,7 +16138,7 @@ c() { li = element("li"); t = text(t_value); - attr(li, "class", "svelte-gs6i9t"); + attr(li, "class", "svelte-y0x208"); toggle_class(li, "hasblack-bg", ctx[4].has(ctx[16])); }, m(target, anchor) { @@ -16167,7 +16167,7 @@ a = element("a"); a.textContent = "[PEE contract]"; attr(a, "alt", "By clicking this you agree to stay hydrated"); - attr(a, "class", "clickable svelte-gs6i9t"); + attr(a, "class", "clickable svelte-y0x208"); toggle_class(a, "hasembed", ctx[13]?.embed_type === 1 /* MEDIA_EMBED */); toggle_class(a, "hasext", ctx[13]?.embed_type === 0 /* THIRD_EYE */); toggle_class(a, "hasblack", ctx[13]?.isBlacklisted === true); @@ -16232,7 +16232,7 @@ if_block3.c(); if_block3_anchor = empty(); attr(span, "title", span_title_value = ctx[13].filename); - attr(span, "class", "fa fa-download clickable svelte-gs6i9t"); + attr(span, "class", "fa fa-download clickable svelte-y0x208"); toggle_class(span, "hasembed", ctx[13]?.embed_type === 1 /* MEDIA_EMBED */); toggle_class(span, "hasext", ctx[13]?.embed_type === 0 /* THIRD_EYE */); toggle_class(span, "hasblack", ctx[13]?.isBlacklisted === true); diff --git a/src/EyeButton.svelte b/src/EyeButton.svelte index 378ba52..66e1f7f 100644 --- a/src/EyeButton.svelte +++ b/src/EyeButton.svelte @@ -158,8 +158,12 @@ import { EmbeddedFile, EMBED_TYPES } from './main'; details.tags { display: inline-block; + margin-right: 2px; + } + details.tags > summary { + cursor: pointer; } - .tags > ul { + details.tags > ul { position: absolute; min-width: 35px; @@ -168,8 +172,9 @@ import { EmbeddedFile, EMBED_TYPES } from './main'; padding: 0; background-color: #00000044; } - .tags > ul > li { + details.tags > ul > li { padding: 2px 2px; margin-bottom: 2px; } + \ No newline at end of file