dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 13:19:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed the scroll-to-top extension to use an SVG icon (#205)

Browse Source 
* Create arrow.svg

* Update mod.js

* Update styles.css
This commit is contained in:
Ryo Hilmawan 2020-11-05 16:47:00 +07:00 committed by GitHub
parent f1dd72cf11
commit 3557987988
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
mods/scroll-to-top/arrow.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" fill="currentColor" viewBox="0 0 250 250"><path d="M102.683 234.52V110.968H67.5474L124.859 12.184L182.459 110.968H147.323V234.52H102.683Z" fill="currentColor"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 232 B

12
mods/scroll-to-top/mod.js
View File

@ -7,7 +7,9 @@
'use strict';
const { createElement } = require('../../pkg/helpers.js');
const { createElement } = require('../../pkg/helpers.js'),
path = require('path'),
fs = require('fs-extra');
module.exports = {
id: '0a958f5a-17c5-48b5-8713-16190cae1959',
@ -49,9 +51,15 @@ module.exports = {
const $container = document.createElement('div');
const $help = document.querySelector('.notion-help-button');
const $scroll = createElement(
'<div class="notion-scroll-button" role="button">&#129049;</div>' // 🠙;
'<div class="notion-scroll-button" role="button"></div>'
);
(async () => {
$scroll.innerHTML = await fs.readFile(
path.resolve(`${__dirname}/arrow.svg`) // 🠙;
)
})();
$container.className = 'bottom-right-buttons';
$help.after($container);
$container.append($scroll);

5
mods/scroll-to-top/styles.css
View File

@ -53,3 +53,8 @@
transition-property: opacity, transform, visibility;
transition-delay: 0, 0, 700ms;
}
.notion-scroll-button > svg {
width: 18px;
height: 18px;
}