chill/obsidian-workflow-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: Add obsidian-scroll-to-top plugin

Browse Source
This commit is contained in:
Mathis Gauthey
2024-01-04 10:47:15 +01:00
parent 18e3a41984
commit 7e90bb587f
3 changed files with 663 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

214
.obsidian/plugins/obsidian-scroll-to-top-plugin/styles.css vendored Normal file
View File

@@ -0,0 +1,214 @@
/* @settings
name: Scroll to Top Plugin
id: obsidian-scroll-to-top-plugin
settings:
-
id: scroll-to-top-bottom
title: Scroll to top bottom position placement
type: variable-number
default: 2.65
format: em
-
id: scroll-to-top-left
title: Scroll to top right position placement
type: variable-number
default: 2.05
format: em
-
id: scroll-to-bottom-bottom
title: Scroll to bottom bottom position placement
type: variable-number
default: 5.75
format: em
-
id: scroll-to-bottom-left
title: Scroll to bottom right position placement
type: variable-number
default: 2.05
format: em
-
id: scroll-to-cursor-bottom
title: Scroll to cursor bottom position placement
type: variable-number
default: 15.05
format: em
-
id: scroll-to-cursor-left
title: Scroll to cursor right position placement
type: variable-number
default: 2.05
format: em
-
id: scroll-to-top-width
title: Scroll to top button width
type: variable-number
default: 1.875
format: em
-
id: scroll-to-top-height
title: Scroll to top button height
type: variable-number
default: 1.875
format: em
-
id: scroll-to-bottom-width
title: Scroll to bottom button width
type: variable-number
default: 1.875
format: em
-
id: scroll-to-bottom-height
title: Scroll to bottom button height
type: variable-number
default: 1.875
format: em
-
id: scroll-to-cursor-width
title: Scroll to cursor button width
type: variable-number
default: 1.875
format: em
-
id: scroll-to-cursor-height
title: Scroll to cursor button height
type: variable-number
default: 1.875
format: em
*/
/* In case not using the style settings plugin */
:root {
--size-ratio: 1;
--scroll-to-cursor-bottom: 15.05em;
--scroll-to-cursor-left: 2.05em;
--scroll-to-bottom-bottom: 2.65em;
--scroll-to-bottom-left: 2.05em;
--scroll-to-top-bottom: 5.75em;
--scroll-to-top-left: 2.05em;
--scroll-input-width: 1.875em;
--scroll-to-top-width: var(--scroll-input-width);
--scroll-to-top-height: var(--scroll-input-width);
--scroll-to-bottom-width: var(--scroll-input-width);
--scroll-to-bottom-height: var(--scroll-input-width);
--scroll-to-cursor-width: var(--scroll-input-width);
--scroll-to-cursor-height: var(--scroll-input-width);
}
.div-scrollToTop {
position: absolute;
bottom: calc(var(--scroll-to-top-bottom) * var(--size-ratio));
right: calc(var(--scroll-to-top-left) * var(--size-ratio));
z-index: 99;
}
.div-scrollToBottom {
position: absolute;
bottom: calc(var(--scroll-to-bottom-bottom) * var(--size-ratio));
right: calc(var(--scroll-to-bottom-left) * var(--size-ratio));
z-index: 99;
}
.div-scrollToCursor {
position: absolute;
bottom: calc(var(--scroll-to-cursor-bottom) * var(--size-ratio));
right: calc(var(--scroll-to-cursor-left) * var(--size-ratio));
z-index: 99;
}
#__C_scrollToTop {
width: auto;
height: auto;
padding: 3px;
display: grid;
user-select: none;
border-radius: 6px;
transition: 200ms ease;
min-width: fit-content;
justify-content: space-around;
z-index: var(--layer-status-bar);
box-shadow: 0px 3px 32px rgb(31 38 135 / 15%);
border: 1px solid var(--background-modifier-border);
}
#__C_scrollToTop .buttonItem {
margin: 2px;
border: none;
cursor: pointer;
padding: 5px 6px;
box-shadow: none;
margin-left: 3px;
margin-right: 3px;
border-radius: 3px;
width: calc(var(--scroll-to-top-width) * var(--size-ratio));
height: calc(var(--scroll-to-top-height) * var(--size-ratio));
font-size: initial !important;
background-color: var(--background-primary-alt);
}
#__C_scrollToTop button.buttonItem:hover {
background-color: var(--background-secondary);
}
#__C_scrollToBottom {
width: auto;
height: auto;
padding: 3px;
display: grid;
user-select: none;
border-radius: 6px;
transition: 200ms ease;
min-width: fit-content;
justify-content: space-around;
z-index: var(--layer-status-bar);
box-shadow: 0px 3px 32px rgb(31 38 135 / 15%);
border: 1px solid var(--background-modifier-border);
}
#__C_scrollToBottom .buttonItem {
margin: 2px;
border: none;
cursor: pointer;
padding: 5px 6px;
box-shadow: none;
margin-left: 3px;
margin-right: 3px;
width: calc(var(--scroll-to-bottom-width) * var(--size-ratio));
height: calc(var(--scroll-to-bottom-height) * var(--size-ratio));
border-radius: 3px;
font-size: initial !important;
background-color: var(--background-primary-alt);
}
#__C_scrollToCursor {
width: auto;
height: auto;
padding: 3px;
display: grid;
user-select: none;
border-radius: 6px;
transition: 200ms ease;
min-width: fit-content;
justify-content: space-around;
z-index: var(--layer-status-bar);
box-shadow: 0px 3px 32px rgb(31 38 135 / 15%);
border: 1px solid var(--background-modifier-border);
}
#__C_scrollToCursor .buttonItem {
margin: 2px;
border: none;
cursor: pointer;
padding: 5px 6px;
box-shadow: none;
margin-left: 3px;
margin-right: 3px;
width: calc(var(--scroll-to-cursor-width) * var(--size-ratio));
height: calc(var(--scroll-to-cursor-height) * var(--size-ratio));
border-radius: 3px;
font-size: initial !important;
background-color: var(--background-primary-alt);
}
#__C_scrollToBottom button.buttonItem:hover {
background-color: var(--background-secondary);
}