Skip to content

[Disable Gifs] Minor refinements #1971

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
marcustyphoon wants to merge 9 commits into from
Closed

[Disable Gifs] Minor refinements #1971

Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
ee89e2b
fix destroy()
marcustyphoon Aug 19, 2020
b513223
fix z-index issue by modifying baseContainer
marcustyphoon Aug 19, 2020
3975a34
version bump
marcustyphoon Aug 19, 2020
7d5bccd
+ animate gifs preference; - hide completely preference
marcustyphoon Aug 22, 2020
474758d
updated details/description
marcustyphoon Aug 23, 2020
8aef528
must be more than 79 to beat shorten posts now I guess
marcustyphoon Aug 26, 2020
0d75100
Use z-index 99 to match Shorten Posts
marcustyphoon Aug 28, 2020
0aa3264
empty commit to trigger new CI
marcustyphoon Nov 19, 2020
2647647
empty commit to trigger new CI
marcustyphoon Jul 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 26 additions & 7 deletions Extensions/disable_gifs.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
//* TITLE Disable Gifs **//
//* VERSION 1.0.0 **//
//* VERSION 1.0.1 **//
//* DESCRIPTION Stops GIFs on dashboard **//
//* DETAILS This is a very early preview version of an extension that allows you to stop the GIFs from playing on your dashboard. If you still would like to view them, you can click on the Play button on the post. Please note that for now, this extension can't stop GIFs added to text posts. **//
//* DETAILS This extension allows you to stop the GIFs from playing on your dashboard until you place your mouse on them. **//
//* DEVELOPER new-xkit **//
//* FRAME false **//
//* BETA false **//
Expand All @@ -15,25 +15,28 @@ XKit.extensions.disable_gifs = new Object({
slow: true,

preferences: {
"hover": {
text: "Animate gifs when you mouse over them",
default: true,
value: true
},
"hide_completely": {
text: "Completely hide posts with GIFs.",
default: false,
value: false
}
},

run: function() {
run: async function() {
this.running = true;

if (XKit.page.react) {
XKit.post_listener.add('disable_gifs', this.react_do);
this.react_do();

await XKit.css_map.getCssMap();

XKit.tools.add_css(`
figure:hover .xkit-paused-gif,
figure:hover .xkit-gif-label {
display: none;
}
.xkit-gif-label {
color: white;
background-color: black;
Expand All @@ -46,8 +49,23 @@ XKit.extensions.disable_gifs = new Object({
left: 5px;
z-index: 2;
}
${XKit.css_map.keyToCss("baseContainer")} {
z-index: 99;
}
.xkit--react .xkit-extension-setting[data-extension-id="disable_gifs"][data-setting-id="hide_completely"] {
display: none;
}
`, 'disable_gifs');

if (this.preferences.hover.value) {
XKit.tools.add_css(`
figure:hover .xkit-paused-gif,
figure:hover .xkit-gif-label {
display: none;
}
`, 'disable_gifs');
}

return;
}

Expand Down Expand Up @@ -341,6 +359,7 @@ XKit.extensions.disable_gifs = new Object({
},

destroy: function() {
XKit.post_listener.remove('disable_gifs', this.react_do);
$('.xkit-paused-gif, .xkit-gif-label').remove();
$('.xkit-disabled-gif').removeClass('xkit-disabled-gif');
XKit.tools.remove_css("disable_gifs");
Expand Down