matt/MMRA
1
0
Fork 0
mirror of https://github.com/thebaer/MMRA synced 2024-11-13 10:11:01 +00:00
Code Issues Releases Activity

Add option to remove "Top highlight" markers

Browse Source 
Closes #47
This commit is contained in:
Gilmore Davidson 2019-03-02 11:32:49 +11:00
parent 89f2cff684
commit be2c4db0c7
3 changed files with 54 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
content.js
View File

@ -37,6 +37,43 @@ var hideHighlightMenu = function() {
document.head.insertAdjacentHTML('beforeend', '<style type="text/css">.highlightMenu { display: none; }</style>');
};
var isTopHighlightNode = function(node) {
return (
node.nodeType === Node.ELEMENT_NODE &&
node.classList.contains('markup--quote') &&
node.classList.contains('is-other')
);
}
var removeHighlight = function(node) {
node.classList.remove('markup--quote');
var parentNode = node.parentNode;
var name = parentNode.getAttribute('name');
if (name) {
var control = document.querySelector('.js-paragraphControl-' + name);
if (control) {
control.remove();
}
}
}
var hideTopHighlight = function() {
var highlightObserver = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
mutation.addedNodes.forEach(function(node) {
if (isTopHighlightNode(node)) {
removeHighlight(node);
}
});
});
});
highlightObserver.observe(document.body, {
childList: true,
subtree: true
});
};
var hideDickbar = function() {
var dickbar = document.querySelector('.js-postShareWidget');
if (dickbar) {
@ -101,6 +138,9 @@ if (document.querySelector('head meta[property="al:ios:app_name"][content="mediu
if (items.hideHighlightMenu) {
hideHighlightMenu();
}
if (items.hideTopHighlight) {
hideTopHighlight();
}
});
observer.observe(document.body, config);

7
options.html
View File

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Make Medium Readable Again Settings</title>
<style>
body: { padding: 10px; }
@ -29,7 +30,11 @@
</label>
<label>
<input type="checkbox" id="highlight"> Disable Highlight Menu
<input type="checkbox" id="highlight-menu"> Disable Highlight Menu
</label>
<label>
<input type="checkbox" id="top-highlight"> Disable “Top highlight” markers
</label>
<hr />

12
options.js
View File

@ -2,11 +2,13 @@
function save_options() {
var hideDickbar = document.getElementById('dickbar').checked;
var disableLazyImages = document.getElementById('images').checked;
var hideHighlightMenu = document.getElementById('highlight').checked;
var hideHighlightMenu = document.getElementById('highlight-menu').checked;
var hideTopHighlight = document.getElementById('top-highlight').checked;
chrome.storage.sync.set({
hideDickbar: hideDickbar,
disableLazyImages: disableLazyImages,
hideHighlightMenu: hideHighlightMenu
hideHighlightMenu: hideHighlightMenu,
hideTopHighlight: hideTopHighlight
}, function() {
// Update status to let user know options were saved.
var status = document.getElementById('status');
@ -23,11 +25,13 @@ function restore_options() {
chrome.storage.sync.get({
hideDickbar: false,
disableLazyImages: false,
hideHighlightMenu: false
hideHighlightMenu: false,
hideTopHighlight: false
}, function(items) {
document.getElementById('dickbar').checked = items.hideDickbar;
document.getElementById('images').checked = items.disableLazyImages;
document.getElementById('highlight').checked = items.hideHighlightMenu;
document.getElementById('highlight-menu').checked = items.hideHighlightMenu;
document.getElementById('top-highlight').checked = items.hideTopHighlight;
});
}
document.addEventListener('DOMContentLoaded', restore_options);