Added
This commit is contained in:
Vendored
+3
-3
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"theme": "obsidian",
|
||||
"cssTheme": "Catppuccin",
|
||||
"interfaceFontFamily": "Bahnschrift",
|
||||
"textFontFamily": "Source Code Pro",
|
||||
"interfaceFontFamily": "FiraCode Nerd Font",
|
||||
"textFontFamily": "FiraCode Nerd Font Propo",
|
||||
"accentColor": "",
|
||||
"monospaceFontFamily": "Source Code Pro",
|
||||
"monospaceFontFamily": "FiraCode Nerd Font Mono",
|
||||
"baseFontSizeAction": true,
|
||||
"baseFontSize": 16,
|
||||
"enabledCssSnippets": [
|
||||
|
||||
Vendored
+4
@@ -17,6 +17,10 @@
|
||||
"repelStrength": 17.61474609375,
|
||||
"linkStrength": 0.2745361328125,
|
||||
"linkDistance": 213,
|
||||
<<<<<<< HEAD
|
||||
"scale": 0.012181151280878372,
|
||||
=======
|
||||
"scale": 0.015189448464788776,
|
||||
>>>>>>> refs/remotes/origin/main
|
||||
"close": true
|
||||
}
|
||||
+4
@@ -97,7 +97,11 @@
|
||||
"repelStrength": 17.61474609375,
|
||||
"linkStrength": 0.2745361328125,
|
||||
"linkDistance": 213,
|
||||
<<<<<<< HEAD
|
||||
"scale": 0.012181151280878372,
|
||||
=======
|
||||
"scale": 0.015189448464788776,
|
||||
>>>>>>> refs/remotes/origin/main
|
||||
"close": true
|
||||
},
|
||||
"openInNewTab": true,
|
||||
|
||||
+10
-10
@@ -1,11 +1,11 @@
|
||||
{
|
||||
"id": "extended-graph",
|
||||
"name": "Extended Graph",
|
||||
"version": "2.7.6",
|
||||
"minAppVersion": "1.7.0",
|
||||
"description": "Extends the features of the core Graph view, display images, manage states, remove links, change node shapes, and more.",
|
||||
"author": "Kapirklaa",
|
||||
"authorUrl": "https://github.com/ElsaTam",
|
||||
"fundingUrl": "https://github.com/sponsors/ElsaTam",
|
||||
"isDesktopOnly": true
|
||||
{
|
||||
"id": "extended-graph",
|
||||
"name": "Extended Graph",
|
||||
"version": "2.7.6",
|
||||
"minAppVersion": "1.7.0",
|
||||
"description": "Extends the features of the core Graph view, display images, manage states, remove links, change node shapes, and more.",
|
||||
"author": "Kapirklaa",
|
||||
"authorUrl": "https://github.com/ElsaTam",
|
||||
"fundingUrl": "https://github.com/sponsors/ElsaTam",
|
||||
"isDesktopOnly": true
|
||||
}
|
||||
+1443
-1443
File diff suppressed because it is too large
Load Diff
+160
-160
@@ -1,160 +1,160 @@
|
||||
# Chalkboard
|
||||
|
||||
With this plugin you can add a chalkboard to reveal.js. The plugin provides two possibilities to include handwritten notes to your presentation:
|
||||
|
||||
- you can make notes directly on the slides, e.g. to comment on certain aspects,
|
||||
- you can open a chalkboard or whiteboard on which you can make notes.
|
||||
|
||||
The main use case in mind when implementing the plugin is classroom usage in which you may want to explain some course content and quickly need to make some notes.
|
||||
|
||||
The plugin records all drawings made so that they can be play backed using the `autoSlide` feature or the `audio-slideshow` plugin.
|
||||
|
||||
[Check out the live demo](https://rajgoel.github.io/reveal.js-demos/chalkboard-demo.html)
|
||||
|
||||
The chalkboard effect is based on [Chalkboard](https://github.com/mmoustafa/Chalkboard) by Mohamed Moustafa.
|
||||
|
||||
## Installation
|
||||
|
||||
Copy the file `plugin.js` and the `img` directory into the plugin folder of your reveal.js presentation, i.e. `plugin/chalkboard` and load the plugin as shown below.
|
||||
|
||||
```html
|
||||
<script src="plugin/chalkboard/plugin.js"></script>
|
||||
<script src="plugin/chalkboard/customcontrols.js"></script>
|
||||
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
plugins: [ RevealChalkboard, RevealCustomControls ],
|
||||
// ...
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
The following stylesheet
|
||||
```html
|
||||
<link rel="stylesheet" href="plugin/chalkboard/style.css">
|
||||
<link rel="stylesheet" href="plugin/customcontrols/style.css">
|
||||
```
|
||||
has to be included to the `head` section of you HTML-file.
|
||||
|
||||
|
||||
In order to include buttons for opening and closing the notes canvas or the chalkboard you should make sure that `font-awesome` is available. The easiest way is to include
|
||||
```
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
```
|
||||
to the ```head``` section of you HTML-file.
|
||||
|
||||
## Usage
|
||||
|
||||
### Mouse or touch
|
||||
- Click on the pen symbols at the bottom left to toggle the notes canvas or chalkboard
|
||||
- Click on the color picker at the left to change the color (the color picker is only visible if the notes canvas or chalkboard is active)
|
||||
- Click on the up/down arrows on the left to the switch among multiple chalkboardd (the up/down arrows are only available for the chlakboard)
|
||||
- Click the left mouse button and drag to write on notes canvas or chalkboard
|
||||
- Click the right mouse button and drag to wipe away previous drawings
|
||||
- Touch and move to write on notes canvas or chalkboard
|
||||
- Touch and hold for half a second, then move to wipe away previous drawings
|
||||
|
||||
### Keyboard
|
||||
- Press the 'BACKSPACE' key to delete all chalkboard drawings
|
||||
- Press the 'DEL' key to clear the notes canvas or chalkboard
|
||||
- Press the 'c' key to toggle the notes canvas
|
||||
- Press the 'b' key to toggle the chalkboard
|
||||
- Press the 'd' key to download drawings
|
||||
- Press the 'x' key to cycle colors forward
|
||||
- Press the 'y' key to cycle colors backward
|
||||
|
||||
## Playback
|
||||
|
||||
If the `autoSlide` feature is set or if the `audio-slideshow` plugin is used, pre-recorded chalkboard drawings can be played. The slideshow plays back the user interaction with the chalkboard in the same way as it was conducted when recording the data.
|
||||
|
||||
## Multiplexing
|
||||
|
||||
The plugin supports multiplexing via the [`multiplex` plugin](https://github.com/reveal/multiplex) or the [`seminar` plugin](https://github.com/rajgoel/reveal.js-plugins/tree/master/seminar).
|
||||
|
||||
## PDF-Export
|
||||
|
||||
If the slideshow is opened in [print mode](https://revealjs.com/pdf-export/), the chalkboard drawings in the session storage (see `storage` option - print version must be opened in the same tab or window as the original slideshow) or provided in a file (see `src` option) are included in the PDF-file. Each drawing on the chalkboard is added after the slide that was shown when opening the chalkboard. Drawings on the notes canvas are not included in the PDF-file.
|
||||
|
||||
|
||||
## Configuration
|
||||
|
||||
The plugin has several configuration options:
|
||||
|
||||
- ```boardmarkerWidth```: an integer, the drawing width of the boardmarker; larger values draw thicker lines.
|
||||
- ```chalkWidth```: an integer, the drawing width of the chalk; larger values draw thicker lines.
|
||||
- ```chalkEffect```: a float in the range ```[0.0, 1.0]```, the intesity of the chalk effect on the chalk board. Full effect (default) ```1.0```, no effect ```0.0```.
|
||||
- ```storage```: Optional variable name for session storage of drawings.
|
||||
- ```src```: Optional filename for pre-recorded drawings.
|
||||
- ```readOnly```: Configuation option allowing to prevent changes to existing drawings. If set to ```true``` no changes can be made, if set to false ```false``` changes can be made, if unset or set to ```undefined``` no changes to the drawings can be made after returning to a slide or fragment for which drawings had been recorded before. In any case the recorded drawings for a slide or fragment can be cleared by pressing the 'DEL' key (i.e. by using the ```RevealChalkboard.clear()``` function).
|
||||
- ```transition```: Gives the duration (in milliseconds) of the transition for a slide change, so that the notes canvas is drawn after the transition is completed.
|
||||
- ```theme```: Can be set to either ```"chalkboard"``` or ```"whiteboard"```.
|
||||
|
||||
The following configuration options allow to change the appearance of the notes canvas and the chalkboard. All of these options require two values, the first gives the value for the notes canvas, the second for the chalkboard.
|
||||
|
||||
- ```background```: The first value expects a (semi-)transparent color which is used to provide visual feedback that the notes canvas is enabled, the second value expects a filename to a background image for the chalkboard.
|
||||
- ```grid```: By default whiteboard and chalkboard themes include a grid pattern on the background. This pattern can be modified by setting the color, the distance between lines, and the line width, e.g. ```{ color: 'rgb(127,127,255,0.1)', distance: 40, width: 2}```. Alternatively, the grid can be removed by setting the value to ```false```.
|
||||
- ```eraser```: An image path and radius for the eraser.
|
||||
- ```boardmarkers```: A list of boardmarkers with given color and cursor.
|
||||
- ```chalks```: A list of chalks with given color and cursor.
|
||||
- ```rememberColor```: Whether to remember the last selected color for the slide canvas or the board.
|
||||
|
||||
All of the configurations are optional and the default values shown below are used if the options are not provided.
|
||||
|
||||
```javascript
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
chalkboard: {
|
||||
boardmarkerWidth: 3,
|
||||
chalkWidth: 7,
|
||||
chalkEffect: 1.0,
|
||||
storage: null,
|
||||
src: null,
|
||||
readOnly: undefined,
|
||||
transition: 800,
|
||||
theme: "chalkboard",
|
||||
background: [ 'rgba(127,127,127,.1)' , path + 'img/blackboard.png' ],
|
||||
grid: { color: 'rgb(50,50,10,0.5)', distance: 80, width: 2},
|
||||
eraser: { src: path + 'img/sponge.png', radius: 20},
|
||||
boardmarkers : [
|
||||
{ color: 'rgba(100,100,100,1)', cursor: 'url(' + path + 'img/boardmarker-black.png), auto'},
|
||||
{ color: 'rgba(30,144,255, 1)', cursor: 'url(' + path + 'img/boardmarker-blue.png), auto'},
|
||||
{ color: 'rgba(220,20,60,1)', cursor: 'url(' + path + 'img/boardmarker-red.png), auto'},
|
||||
{ color: 'rgba(50,205,50,1)', cursor: 'url(' + path + 'img/boardmarker-green.png), auto'},
|
||||
{ color: 'rgba(255,140,0,1)', cursor: 'url(' + path + 'img/boardmarker-orange.png), auto'},
|
||||
{ color: 'rgba(150,0,20150,1)', cursor: 'url(' + path + 'img/boardmarker-purple.png), auto'},
|
||||
{ color: 'rgba(255,220,0,1)', cursor: 'url(' + path + 'img/boardmarker-yellow.png), auto'}
|
||||
],
|
||||
chalks: [
|
||||
{ color: 'rgba(255,255,255,0.5)', cursor: 'url(' + path + 'img/chalk-white.png), auto'},
|
||||
{ color: 'rgba(96, 154, 244, 0.5)', cursor: 'url(' + path + 'img/chalk-blue.png), auto'},
|
||||
{ color: 'rgba(237, 20, 28, 0.5)', cursor: 'url(' + path + 'img/chalk-red.png), auto'},
|
||||
{ color: 'rgba(20, 237, 28, 0.5)', cursor: 'url(' + path + 'img/chalk-green.png), auto'},
|
||||
{ color: 'rgba(220, 133, 41, 0.5)', cursor: 'url(' + path + 'img/chalk-orange.png), auto'},
|
||||
{ color: 'rgba(220,0,220,0.5)', cursor: 'url(' + path + 'img/chalk-purple.png), auto'},
|
||||
{ color: 'rgba(255,220,0,0.5)', cursor: 'url(' + path + 'img/chalk-yellow.png), auto'}
|
||||
]
|
||||
},
|
||||
customcontrols: {
|
||||
controls: [
|
||||
{ icon: '<i class="fa fa-pen-square"></i>',
|
||||
title: 'Toggle chalkboard (B)',
|
||||
action: 'RevealChalkboard.toggleChalkboard();'
|
||||
},
|
||||
{ icon: '<i class="fa fa-pen"></i>',
|
||||
title: 'Toggle notes canvas (C)',
|
||||
action: 'RevealChalkboard.toggleNotesCanvas();'
|
||||
}
|
||||
]
|
||||
},
|
||||
// ...
|
||||
|
||||
});
|
||||
```
|
||||
|
||||
|
||||
## License
|
||||
|
||||
MIT licensed
|
||||
|
||||
Copyright (C) 2021 Asvin Goel
|
||||
# Chalkboard
|
||||
|
||||
With this plugin you can add a chalkboard to reveal.js. The plugin provides two possibilities to include handwritten notes to your presentation:
|
||||
|
||||
- you can make notes directly on the slides, e.g. to comment on certain aspects,
|
||||
- you can open a chalkboard or whiteboard on which you can make notes.
|
||||
|
||||
The main use case in mind when implementing the plugin is classroom usage in which you may want to explain some course content and quickly need to make some notes.
|
||||
|
||||
The plugin records all drawings made so that they can be play backed using the `autoSlide` feature or the `audio-slideshow` plugin.
|
||||
|
||||
[Check out the live demo](https://rajgoel.github.io/reveal.js-demos/chalkboard-demo.html)
|
||||
|
||||
The chalkboard effect is based on [Chalkboard](https://github.com/mmoustafa/Chalkboard) by Mohamed Moustafa.
|
||||
|
||||
## Installation
|
||||
|
||||
Copy the file `plugin.js` and the `img` directory into the plugin folder of your reveal.js presentation, i.e. `plugin/chalkboard` and load the plugin as shown below.
|
||||
|
||||
```html
|
||||
<script src="plugin/chalkboard/plugin.js"></script>
|
||||
<script src="plugin/chalkboard/customcontrols.js"></script>
|
||||
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
plugins: [ RevealChalkboard, RevealCustomControls ],
|
||||
// ...
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
The following stylesheet
|
||||
```html
|
||||
<link rel="stylesheet" href="plugin/chalkboard/style.css">
|
||||
<link rel="stylesheet" href="plugin/customcontrols/style.css">
|
||||
```
|
||||
has to be included to the `head` section of you HTML-file.
|
||||
|
||||
|
||||
In order to include buttons for opening and closing the notes canvas or the chalkboard you should make sure that `font-awesome` is available. The easiest way is to include
|
||||
```
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
```
|
||||
to the ```head``` section of you HTML-file.
|
||||
|
||||
## Usage
|
||||
|
||||
### Mouse or touch
|
||||
- Click on the pen symbols at the bottom left to toggle the notes canvas or chalkboard
|
||||
- Click on the color picker at the left to change the color (the color picker is only visible if the notes canvas or chalkboard is active)
|
||||
- Click on the up/down arrows on the left to the switch among multiple chalkboardd (the up/down arrows are only available for the chlakboard)
|
||||
- Click the left mouse button and drag to write on notes canvas or chalkboard
|
||||
- Click the right mouse button and drag to wipe away previous drawings
|
||||
- Touch and move to write on notes canvas or chalkboard
|
||||
- Touch and hold for half a second, then move to wipe away previous drawings
|
||||
|
||||
### Keyboard
|
||||
- Press the 'BACKSPACE' key to delete all chalkboard drawings
|
||||
- Press the 'DEL' key to clear the notes canvas or chalkboard
|
||||
- Press the 'c' key to toggle the notes canvas
|
||||
- Press the 'b' key to toggle the chalkboard
|
||||
- Press the 'd' key to download drawings
|
||||
- Press the 'x' key to cycle colors forward
|
||||
- Press the 'y' key to cycle colors backward
|
||||
|
||||
## Playback
|
||||
|
||||
If the `autoSlide` feature is set or if the `audio-slideshow` plugin is used, pre-recorded chalkboard drawings can be played. The slideshow plays back the user interaction with the chalkboard in the same way as it was conducted when recording the data.
|
||||
|
||||
## Multiplexing
|
||||
|
||||
The plugin supports multiplexing via the [`multiplex` plugin](https://github.com/reveal/multiplex) or the [`seminar` plugin](https://github.com/rajgoel/reveal.js-plugins/tree/master/seminar).
|
||||
|
||||
## PDF-Export
|
||||
|
||||
If the slideshow is opened in [print mode](https://revealjs.com/pdf-export/), the chalkboard drawings in the session storage (see `storage` option - print version must be opened in the same tab or window as the original slideshow) or provided in a file (see `src` option) are included in the PDF-file. Each drawing on the chalkboard is added after the slide that was shown when opening the chalkboard. Drawings on the notes canvas are not included in the PDF-file.
|
||||
|
||||
|
||||
## Configuration
|
||||
|
||||
The plugin has several configuration options:
|
||||
|
||||
- ```boardmarkerWidth```: an integer, the drawing width of the boardmarker; larger values draw thicker lines.
|
||||
- ```chalkWidth```: an integer, the drawing width of the chalk; larger values draw thicker lines.
|
||||
- ```chalkEffect```: a float in the range ```[0.0, 1.0]```, the intesity of the chalk effect on the chalk board. Full effect (default) ```1.0```, no effect ```0.0```.
|
||||
- ```storage```: Optional variable name for session storage of drawings.
|
||||
- ```src```: Optional filename for pre-recorded drawings.
|
||||
- ```readOnly```: Configuation option allowing to prevent changes to existing drawings. If set to ```true``` no changes can be made, if set to false ```false``` changes can be made, if unset or set to ```undefined``` no changes to the drawings can be made after returning to a slide or fragment for which drawings had been recorded before. In any case the recorded drawings for a slide or fragment can be cleared by pressing the 'DEL' key (i.e. by using the ```RevealChalkboard.clear()``` function).
|
||||
- ```transition```: Gives the duration (in milliseconds) of the transition for a slide change, so that the notes canvas is drawn after the transition is completed.
|
||||
- ```theme```: Can be set to either ```"chalkboard"``` or ```"whiteboard"```.
|
||||
|
||||
The following configuration options allow to change the appearance of the notes canvas and the chalkboard. All of these options require two values, the first gives the value for the notes canvas, the second for the chalkboard.
|
||||
|
||||
- ```background```: The first value expects a (semi-)transparent color which is used to provide visual feedback that the notes canvas is enabled, the second value expects a filename to a background image for the chalkboard.
|
||||
- ```grid```: By default whiteboard and chalkboard themes include a grid pattern on the background. This pattern can be modified by setting the color, the distance between lines, and the line width, e.g. ```{ color: 'rgb(127,127,255,0.1)', distance: 40, width: 2}```. Alternatively, the grid can be removed by setting the value to ```false```.
|
||||
- ```eraser```: An image path and radius for the eraser.
|
||||
- ```boardmarkers```: A list of boardmarkers with given color and cursor.
|
||||
- ```chalks```: A list of chalks with given color and cursor.
|
||||
- ```rememberColor```: Whether to remember the last selected color for the slide canvas or the board.
|
||||
|
||||
All of the configurations are optional and the default values shown below are used if the options are not provided.
|
||||
|
||||
```javascript
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
chalkboard: {
|
||||
boardmarkerWidth: 3,
|
||||
chalkWidth: 7,
|
||||
chalkEffect: 1.0,
|
||||
storage: null,
|
||||
src: null,
|
||||
readOnly: undefined,
|
||||
transition: 800,
|
||||
theme: "chalkboard",
|
||||
background: [ 'rgba(127,127,127,.1)' , path + 'img/blackboard.png' ],
|
||||
grid: { color: 'rgb(50,50,10,0.5)', distance: 80, width: 2},
|
||||
eraser: { src: path + 'img/sponge.png', radius: 20},
|
||||
boardmarkers : [
|
||||
{ color: 'rgba(100,100,100,1)', cursor: 'url(' + path + 'img/boardmarker-black.png), auto'},
|
||||
{ color: 'rgba(30,144,255, 1)', cursor: 'url(' + path + 'img/boardmarker-blue.png), auto'},
|
||||
{ color: 'rgba(220,20,60,1)', cursor: 'url(' + path + 'img/boardmarker-red.png), auto'},
|
||||
{ color: 'rgba(50,205,50,1)', cursor: 'url(' + path + 'img/boardmarker-green.png), auto'},
|
||||
{ color: 'rgba(255,140,0,1)', cursor: 'url(' + path + 'img/boardmarker-orange.png), auto'},
|
||||
{ color: 'rgba(150,0,20150,1)', cursor: 'url(' + path + 'img/boardmarker-purple.png), auto'},
|
||||
{ color: 'rgba(255,220,0,1)', cursor: 'url(' + path + 'img/boardmarker-yellow.png), auto'}
|
||||
],
|
||||
chalks: [
|
||||
{ color: 'rgba(255,255,255,0.5)', cursor: 'url(' + path + 'img/chalk-white.png), auto'},
|
||||
{ color: 'rgba(96, 154, 244, 0.5)', cursor: 'url(' + path + 'img/chalk-blue.png), auto'},
|
||||
{ color: 'rgba(237, 20, 28, 0.5)', cursor: 'url(' + path + 'img/chalk-red.png), auto'},
|
||||
{ color: 'rgba(20, 237, 28, 0.5)', cursor: 'url(' + path + 'img/chalk-green.png), auto'},
|
||||
{ color: 'rgba(220, 133, 41, 0.5)', cursor: 'url(' + path + 'img/chalk-orange.png), auto'},
|
||||
{ color: 'rgba(220,0,220,0.5)', cursor: 'url(' + path + 'img/chalk-purple.png), auto'},
|
||||
{ color: 'rgba(255,220,0,0.5)', cursor: 'url(' + path + 'img/chalk-yellow.png), auto'}
|
||||
]
|
||||
},
|
||||
customcontrols: {
|
||||
controls: [
|
||||
{ icon: '<i class="fa fa-pen-square"></i>',
|
||||
title: 'Toggle chalkboard (B)',
|
||||
action: 'RevealChalkboard.toggleChalkboard();'
|
||||
},
|
||||
{ icon: '<i class="fa fa-pen"></i>',
|
||||
title: 'Toggle notes canvas (C)',
|
||||
action: 'RevealChalkboard.toggleNotesCanvas();'
|
||||
}
|
||||
]
|
||||
},
|
||||
// ...
|
||||
|
||||
});
|
||||
```
|
||||
|
||||
|
||||
## License
|
||||
|
||||
MIT licensed
|
||||
|
||||
Copyright (C) 2021 Asvin Goel
|
||||
|
||||
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 130 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 129 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 129 B |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 130 B |
+1812
-1812
File diff suppressed because it is too large
Load Diff
+129
-129
@@ -1,129 +1,129 @@
|
||||
# Chart
|
||||
|
||||
A plugin for [Reveal.js](https://github.com/hakimel/reveal.js) allowing to easily add charts using [Chart.js](http://www.chartjs.org/).
|
||||
|
||||
[Check out the live demo](https://rajgoel.github.io/reveal.js-demos/chart-demo.html)
|
||||
|
||||
## Installation
|
||||
|
||||
Copy the file `plugin.js` into the plugin folder of your reveal.js presentation, i.e. `plugin/chart`.
|
||||
|
||||
Add the plugin and Chart.js to the dependencies in your presentation, as below.
|
||||
|
||||
```html
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.2.0/chart.min.js"></script>
|
||||
<script src="plugin/chart/plugin.js"></script>
|
||||
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
plugins: [ RevealChart ],
|
||||
// ...
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
||||
The plugin has several parameters that you can set for your presentation by providing an `chart` option in the reveal.js initialization options. Note that all configuration parameters are optional and the defaults of Chart.js will be used for parameters that are not specified.
|
||||
|
||||
|
||||
```javascript
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
chart: {
|
||||
defaults: {
|
||||
color: 'lightgray', // color of labels
|
||||
scale: {
|
||||
beginAtZero: true,
|
||||
ticks: { stepSize: 1 },
|
||||
grid: { color: "lightgray" } , // color of grid lines
|
||||
},
|
||||
},
|
||||
line: { borderColor: [ "rgba(20,220,220,.8)" , "rgba(220,120,120,.8)", "rgba(20,120,220,.8)" ], "borderDash": [ [5,10], [0,0] ] },
|
||||
bar: { backgroundColor: [ "rgba(20,220,220,.8)" , "rgba(220,120,120,.8)", "rgba(20,120,220,.8)" ]},
|
||||
pie: { backgroundColor: [ ["rgba(0,0,0,.8)" , "rgba(220,20,20,.8)", "rgba(20,220,20,.8)", "rgba(220,220,20,.8)", "rgba(20,20,220,.8)"] ]},
|
||||
},
|
||||
// ...
|
||||
});
|
||||
```
|
||||
The `defaults` parameter will overwrite `Chart.defaults`. Furthermore, for any chart type, e.g. line, bar, etc., the parameters for the individual datasets can be specified. Where Chart.js allows to specify a single parameter for a particular dataset, the plugin allows to specify an array of values for this parameter, which will automatically be assigned to the different datasets. Note that if there are more datasets than elements in the array, the plugin will start again with the first value in the array.
|
||||
|
||||
|
||||
|
||||
## Usage
|
||||
|
||||
A chart can be included in a slide by adding a `canvas` element with the `data-chart` attribute set to the desired chart type.
|
||||
|
||||
The chart can be configured within the canvas body by a JSON string embedded into an HTML comment.
|
||||
|
||||
```html
|
||||
<canvas data-chart="line" >
|
||||
<!--
|
||||
{
|
||||
"data": {
|
||||
"labels": ["January"," February"," March"," April"," May"," June"," July"],
|
||||
"datasets":[
|
||||
{
|
||||
"data":[65,59,80,81,56,55,40],
|
||||
"label":"My first dataset","backgroundColor":"rgba(20,220,220,.8)"
|
||||
},
|
||||
{
|
||||
"data":[28,48,40,19,86,27,90],
|
||||
"label":"My second dataset","backgroundColor":"rgba(220,120,120,.8)"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
-->
|
||||
</canvas>
|
||||
```
|
||||
It is possible to provide the chart data by comma separated values and use the JSON string within the HTML comment to configure the chart layout.
|
||||
|
||||
```html
|
||||
<canvas class="stretch" data-chart="line">
|
||||
My first dataset, 65, 59, 80, 81, 56, 55, 40
|
||||
<!-- This is a comment that will be ignored -->
|
||||
My second dataset, 28, 48, 40, 19, 86, 27, 90
|
||||
<!--
|
||||
{
|
||||
"data" : {
|
||||
"labels" : ["Enero", "Febrero", "Marzo", "Avril", "Mayo", "Junio", "Julio"],
|
||||
"datasets" : [{ "borderColor": "#0f0", "borderDash": ["5","10"] }, { "borderColor": "#0ff" } ]
|
||||
}
|
||||
}
|
||||
-->
|
||||
</canvas>
|
||||
```
|
||||
|
||||
The layout configuration provided in `chart` parameter (see Configuration) will be used by default and only those parameters that are specified in a JSON string are used to overwrite the default values. If no JSON string is provided to configure the chart layout the default configuration is used. Note, that if no labels for the data points are provided by a JSON string, the plugin expects that the first row provides table headers.
|
||||
|
||||
```html
|
||||
<canvas data-chart="line">
|
||||
Month, January, February, March, April, May, June, July
|
||||
My first dataset, 65, 59, 80, 81, 56, 55, 40
|
||||
My second dataset, 28, 48, 40, 19, 86, 27, 90
|
||||
</canvas>
|
||||
```
|
||||
|
||||
The chart data can also be provided in an external CSV file. To include external data, the filename must be specified using the `data-chart-src` attribute of the `canvas` element. The CSV file is expected to only contain data values, whereas options for drawing the chart can be given as described above.
|
||||
|
||||
```html
|
||||
<canvas data-chart="bar" data-chart-src="chart/data.csv">
|
||||
<!--
|
||||
{
|
||||
"data" : {
|
||||
"datasets" : [{ "backgroundColor": "#0f0" }, { "backgroundColor": "#0ff" } ]
|
||||
},
|
||||
"options": { "scales": { "x": { "stacked": true }, "y": { "stacked": true } } }
|
||||
}
|
||||
-->
|
||||
</canvas>
|
||||
```
|
||||
|
||||
|
||||
## License
|
||||
|
||||
MIT licensed
|
||||
|
||||
Copyright (C) 2021 Asvin Goel
|
||||
# Chart
|
||||
|
||||
A plugin for [Reveal.js](https://github.com/hakimel/reveal.js) allowing to easily add charts using [Chart.js](http://www.chartjs.org/).
|
||||
|
||||
[Check out the live demo](https://rajgoel.github.io/reveal.js-demos/chart-demo.html)
|
||||
|
||||
## Installation
|
||||
|
||||
Copy the file `plugin.js` into the plugin folder of your reveal.js presentation, i.e. `plugin/chart`.
|
||||
|
||||
Add the plugin and Chart.js to the dependencies in your presentation, as below.
|
||||
|
||||
```html
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.2.0/chart.min.js"></script>
|
||||
<script src="plugin/chart/plugin.js"></script>
|
||||
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
plugins: [ RevealChart ],
|
||||
// ...
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
||||
The plugin has several parameters that you can set for your presentation by providing an `chart` option in the reveal.js initialization options. Note that all configuration parameters are optional and the defaults of Chart.js will be used for parameters that are not specified.
|
||||
|
||||
|
||||
```javascript
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
chart: {
|
||||
defaults: {
|
||||
color: 'lightgray', // color of labels
|
||||
scale: {
|
||||
beginAtZero: true,
|
||||
ticks: { stepSize: 1 },
|
||||
grid: { color: "lightgray" } , // color of grid lines
|
||||
},
|
||||
},
|
||||
line: { borderColor: [ "rgba(20,220,220,.8)" , "rgba(220,120,120,.8)", "rgba(20,120,220,.8)" ], "borderDash": [ [5,10], [0,0] ] },
|
||||
bar: { backgroundColor: [ "rgba(20,220,220,.8)" , "rgba(220,120,120,.8)", "rgba(20,120,220,.8)" ]},
|
||||
pie: { backgroundColor: [ ["rgba(0,0,0,.8)" , "rgba(220,20,20,.8)", "rgba(20,220,20,.8)", "rgba(220,220,20,.8)", "rgba(20,20,220,.8)"] ]},
|
||||
},
|
||||
// ...
|
||||
});
|
||||
```
|
||||
The `defaults` parameter will overwrite `Chart.defaults`. Furthermore, for any chart type, e.g. line, bar, etc., the parameters for the individual datasets can be specified. Where Chart.js allows to specify a single parameter for a particular dataset, the plugin allows to specify an array of values for this parameter, which will automatically be assigned to the different datasets. Note that if there are more datasets than elements in the array, the plugin will start again with the first value in the array.
|
||||
|
||||
|
||||
|
||||
## Usage
|
||||
|
||||
A chart can be included in a slide by adding a `canvas` element with the `data-chart` attribute set to the desired chart type.
|
||||
|
||||
The chart can be configured within the canvas body by a JSON string embedded into an HTML comment.
|
||||
|
||||
```html
|
||||
<canvas data-chart="line" >
|
||||
<!--
|
||||
{
|
||||
"data": {
|
||||
"labels": ["January"," February"," March"," April"," May"," June"," July"],
|
||||
"datasets":[
|
||||
{
|
||||
"data":[65,59,80,81,56,55,40],
|
||||
"label":"My first dataset","backgroundColor":"rgba(20,220,220,.8)"
|
||||
},
|
||||
{
|
||||
"data":[28,48,40,19,86,27,90],
|
||||
"label":"My second dataset","backgroundColor":"rgba(220,120,120,.8)"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
-->
|
||||
</canvas>
|
||||
```
|
||||
It is possible to provide the chart data by comma separated values and use the JSON string within the HTML comment to configure the chart layout.
|
||||
|
||||
```html
|
||||
<canvas class="stretch" data-chart="line">
|
||||
My first dataset, 65, 59, 80, 81, 56, 55, 40
|
||||
<!-- This is a comment that will be ignored -->
|
||||
My second dataset, 28, 48, 40, 19, 86, 27, 90
|
||||
<!--
|
||||
{
|
||||
"data" : {
|
||||
"labels" : ["Enero", "Febrero", "Marzo", "Avril", "Mayo", "Junio", "Julio"],
|
||||
"datasets" : [{ "borderColor": "#0f0", "borderDash": ["5","10"] }, { "borderColor": "#0ff" } ]
|
||||
}
|
||||
}
|
||||
-->
|
||||
</canvas>
|
||||
```
|
||||
|
||||
The layout configuration provided in `chart` parameter (see Configuration) will be used by default and only those parameters that are specified in a JSON string are used to overwrite the default values. If no JSON string is provided to configure the chart layout the default configuration is used. Note, that if no labels for the data points are provided by a JSON string, the plugin expects that the first row provides table headers.
|
||||
|
||||
```html
|
||||
<canvas data-chart="line">
|
||||
Month, January, February, March, April, May, June, July
|
||||
My first dataset, 65, 59, 80, 81, 56, 55, 40
|
||||
My second dataset, 28, 48, 40, 19, 86, 27, 90
|
||||
</canvas>
|
||||
```
|
||||
|
||||
The chart data can also be provided in an external CSV file. To include external data, the filename must be specified using the `data-chart-src` attribute of the `canvas` element. The CSV file is expected to only contain data values, whereas options for drawing the chart can be given as described above.
|
||||
|
||||
```html
|
||||
<canvas data-chart="bar" data-chart-src="chart/data.csv">
|
||||
<!--
|
||||
{
|
||||
"data" : {
|
||||
"datasets" : [{ "backgroundColor": "#0f0" }, { "backgroundColor": "#0ff" } ]
|
||||
},
|
||||
"options": { "scales": { "x": { "stacked": true }, "y": { "stacked": true } } }
|
||||
}
|
||||
-->
|
||||
</canvas>
|
||||
```
|
||||
|
||||
|
||||
## License
|
||||
|
||||
MIT licensed
|
||||
|
||||
Copyright (C) 2021 Asvin Goel
|
||||
|
||||
+72
-72
@@ -1,72 +1,72 @@
|
||||
# Custom controls
|
||||
|
||||
This plugin allows to add responsive custom controls to reveal.js which allow arbitrary positioning, layout, and behaviour of the controls.
|
||||
|
||||
[Check out the live demo](https://rajgoel.github.io/reveal.js-demos/customcontrols-demo.html)
|
||||
|
||||
|
||||
## Installation
|
||||
|
||||
Copy the files `plugin.js` and `style.css` into the plugin folder of your reveal.js presentation, i.e. ```plugin/customcontrols``` and load the plugin as shown below.
|
||||
|
||||
```html
|
||||
<link rel="stylesheet" href="plugin/customcontrols/style.css">
|
||||
<script src="plugin/customcontrols/plugin.js"></script>
|
||||
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
plugins: [ RevealCustomControls ],
|
||||
// ...
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
Note, without configuration you need to add
|
||||
|
||||
```javascript
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
```
|
||||
|
||||
between ```<head>``` and ```</head>``` of your HTML file because the defaults use [Font Awesome](http://fontawesome.io/).
|
||||
|
||||
|
||||
|
||||
## Configuration
|
||||
|
||||
The plugin can be configured by adding custom controls and changing the layout of the slide number, e.g., by:
|
||||
|
||||
|
||||
```javascript
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
customcontrols: {
|
||||
controls: [
|
||||
{
|
||||
id: 'toggle-overview',
|
||||
title: 'Toggle overview (O)',
|
||||
icon: '<i class="fa fa-th"></i>',
|
||||
action: 'Reveal.toggleOverview();'
|
||||
},
|
||||
{ icon: '<i class="fa fa-pen-square"></i>',
|
||||
title: 'Toggle chalkboard (B)',
|
||||
action: 'RevealChalkboard.toggleChalkboard();'
|
||||
},
|
||||
{ icon: '<i class="fa fa-pen"></i>',
|
||||
title: 'Toggle notes canvas (C)',
|
||||
action: 'RevealChalkboard.toggleNotesCanvas();'
|
||||
}
|
||||
]
|
||||
},
|
||||
// ...
|
||||
|
||||
});
|
||||
```
|
||||
|
||||
The `id` and `title` are optional. The configuration should be self explaining and any number of controls can be added. The style file can be altered to control the layout and responsiveness of the custom controls.
|
||||
|
||||
## License
|
||||
|
||||
MIT licensed
|
||||
|
||||
Copyright (C) 2020 Asvin Goel
|
||||
# Custom controls
|
||||
|
||||
This plugin allows to add responsive custom controls to reveal.js which allow arbitrary positioning, layout, and behaviour of the controls.
|
||||
|
||||
[Check out the live demo](https://rajgoel.github.io/reveal.js-demos/customcontrols-demo.html)
|
||||
|
||||
|
||||
## Installation
|
||||
|
||||
Copy the files `plugin.js` and `style.css` into the plugin folder of your reveal.js presentation, i.e. ```plugin/customcontrols``` and load the plugin as shown below.
|
||||
|
||||
```html
|
||||
<link rel="stylesheet" href="plugin/customcontrols/style.css">
|
||||
<script src="plugin/customcontrols/plugin.js"></script>
|
||||
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
plugins: [ RevealCustomControls ],
|
||||
// ...
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
Note, without configuration you need to add
|
||||
|
||||
```javascript
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
```
|
||||
|
||||
between ```<head>``` and ```</head>``` of your HTML file because the defaults use [Font Awesome](http://fontawesome.io/).
|
||||
|
||||
|
||||
|
||||
## Configuration
|
||||
|
||||
The plugin can be configured by adding custom controls and changing the layout of the slide number, e.g., by:
|
||||
|
||||
|
||||
```javascript
|
||||
Reveal.initialize({
|
||||
// ...
|
||||
customcontrols: {
|
||||
controls: [
|
||||
{
|
||||
id: 'toggle-overview',
|
||||
title: 'Toggle overview (O)',
|
||||
icon: '<i class="fa fa-th"></i>',
|
||||
action: 'Reveal.toggleOverview();'
|
||||
},
|
||||
{ icon: '<i class="fa fa-pen-square"></i>',
|
||||
title: 'Toggle chalkboard (B)',
|
||||
action: 'RevealChalkboard.toggleChalkboard();'
|
||||
},
|
||||
{ icon: '<i class="fa fa-pen"></i>',
|
||||
title: 'Toggle notes canvas (C)',
|
||||
action: 'RevealChalkboard.toggleNotesCanvas();'
|
||||
}
|
||||
]
|
||||
},
|
||||
// ...
|
||||
|
||||
});
|
||||
```
|
||||
|
||||
The `id` and `title` are optional. The configuration should be self explaining and any number of controls can be added. The style file can be altered to control the layout and responsiveness of the custom controls.
|
||||
|
||||
## License
|
||||
|
||||
MIT licensed
|
||||
|
||||
Copyright (C) 2020 Asvin Goel
|
||||
|
||||
+126
-126
@@ -1,127 +1,127 @@
|
||||
:root {
|
||||
--obsidian-columns-gap: 20px;
|
||||
--obsidian-columns-padding: 0 20px;
|
||||
--obsidian-columns-min-width: 100px;
|
||||
--obsidian-columns-def-span: 1;
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout,
|
||||
div[data-callout^="col-md"].callout {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
padding: 0 0 0 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.columnParent, div[data-callout="col"].callout > div.callout-content {
|
||||
display: flex !important;
|
||||
padding: var(--obsidian-columns-padding);
|
||||
flex-wrap: wrap;
|
||||
gap: var(--obsidian-columns-gap);
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-title, div[data-callout^="col-md"].callout > div.callout-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cm-preview-code-block .admonition-content .columnParent p {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.columnChild, div[data-callout="col"].callout > div.callout-content > * {
|
||||
flex-grow: var(--obsidian-columns-def-span);
|
||||
flex-basis: calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-def-span));
|
||||
width: calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-def-span));
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout^="col-md" ].callout {
|
||||
flex-grow: var(--obsidian-columns-custom-span);
|
||||
flex-basis: calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-custom-span));
|
||||
width: calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-custom-span));
|
||||
margin: 0;
|
||||
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
padding: 0 0 0 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-0.5" ].callout {
|
||||
--obsidian-columns-custom-span: 0.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-1" ].callout,
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout="col-md" ].callout {
|
||||
--obsidian-columns-custom-span: 1
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-1.5" ].callout {
|
||||
--obsidian-columns-custom-span: 1.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-2" ].callout {
|
||||
--obsidian-columns-custom-span: 2
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-2.5" ].callout {
|
||||
--obsidian-columns-custom-span: 2.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-3" ].callout {
|
||||
--obsidian-columns-custom-span: 3
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-3.5" ].callout {
|
||||
--obsidian-columns-custom-span: 3.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-4" ].callout {
|
||||
--obsidian-columns-custom-span: 4
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-4.5" ].callout {
|
||||
--obsidian-columns-custom-span: 4.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-5" ].callout {
|
||||
--obsidian-columns-custom-span: 5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-5.5" ].callout {
|
||||
--obsidian-columns-custom-span: 5.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-6" ].callout {
|
||||
--obsidian-columns-custom-span: 6
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-6.5" ].callout {
|
||||
--obsidian-columns-custom-span: 6.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-7" ].callout {
|
||||
--obsidian-columns-custom-span: 7
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-7.5" ].callout {
|
||||
--obsidian-columns-custom-span: 7.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-8" ].callout {
|
||||
--obsidian-columns-custom-span: 8
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-8.5" ].callout {
|
||||
--obsidian-columns-custom-span: 8.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-9" ].callout {
|
||||
--obsidian-columns-custom-span: 9
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-9.5" ].callout {
|
||||
--obsidian-columns-custom-span: 9.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-10" ].callout {
|
||||
--obsidian-columns-custom-span: 10
|
||||
:root {
|
||||
--obsidian-columns-gap: 20px;
|
||||
--obsidian-columns-padding: 0 20px;
|
||||
--obsidian-columns-min-width: 100px;
|
||||
--obsidian-columns-def-span: 1;
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout,
|
||||
div[data-callout^="col-md"].callout {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
padding: 0 0 0 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.columnParent, div[data-callout="col"].callout > div.callout-content {
|
||||
display: flex !important;
|
||||
padding: var(--obsidian-columns-padding);
|
||||
flex-wrap: wrap;
|
||||
gap: var(--obsidian-columns-gap);
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-title, div[data-callout^="col-md"].callout > div.callout-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cm-preview-code-block .admonition-content .columnParent p {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.columnChild, div[data-callout="col"].callout > div.callout-content > * {
|
||||
flex-grow: var(--obsidian-columns-def-span);
|
||||
flex-basis: calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-def-span));
|
||||
width: calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-def-span));
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout^="col-md" ].callout {
|
||||
flex-grow: var(--obsidian-columns-custom-span);
|
||||
flex-basis: calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-custom-span));
|
||||
width: calc(var(--obsidian-columns-min-width) * var(--obsidian-columns-custom-span));
|
||||
margin: 0;
|
||||
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
padding: 0 0 0 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-0.5" ].callout {
|
||||
--obsidian-columns-custom-span: 0.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-1" ].callout,
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout="col-md" ].callout {
|
||||
--obsidian-columns-custom-span: 1
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-1.5" ].callout {
|
||||
--obsidian-columns-custom-span: 1.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-2" ].callout {
|
||||
--obsidian-columns-custom-span: 2
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-2.5" ].callout {
|
||||
--obsidian-columns-custom-span: 2.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-3" ].callout {
|
||||
--obsidian-columns-custom-span: 3
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-3.5" ].callout {
|
||||
--obsidian-columns-custom-span: 3.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-4" ].callout {
|
||||
--obsidian-columns-custom-span: 4
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-4.5" ].callout {
|
||||
--obsidian-columns-custom-span: 4.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-5" ].callout {
|
||||
--obsidian-columns-custom-span: 5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-5.5" ].callout {
|
||||
--obsidian-columns-custom-span: 5.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-6" ].callout {
|
||||
--obsidian-columns-custom-span: 6
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-6.5" ].callout {
|
||||
--obsidian-columns-custom-span: 6.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-7" ].callout {
|
||||
--obsidian-columns-custom-span: 7
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-7.5" ].callout {
|
||||
--obsidian-columns-custom-span: 7.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-8" ].callout {
|
||||
--obsidian-columns-custom-span: 8
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-8.5" ].callout {
|
||||
--obsidian-columns-custom-span: 8.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-9" ].callout {
|
||||
--obsidian-columns-custom-span: 9
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-9.5" ].callout {
|
||||
--obsidian-columns-custom-span: 9.5
|
||||
}
|
||||
|
||||
div[data-callout="col"].callout > div.callout-content > div[data-callout$="-10" ].callout {
|
||||
--obsidian-columns-custom-span: 10
|
||||
}
|
||||
+35
-35
@@ -12,41 +12,41 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
||||
|
||||
var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
|
||||
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
Permission to use, copy, modify, and/or distribute this software for any
|
||||
purpose with or without fee is hereby granted.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
PERFORMANCE OF THIS SOFTWARE.
|
||||
***************************************************************************** */
|
||||
|
||||
function __rest(s, e) {
|
||||
var t = {};
|
||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
||||
t[p] = s[p];
|
||||
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
||||
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
||||
t[p[i]] = s[p[i]];
|
||||
}
|
||||
return t;
|
||||
}
|
||||
|
||||
function __awaiter(thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
Permission to use, copy, modify, and/or distribute this software for any
|
||||
purpose with or without fee is hereby granted.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
PERFORMANCE OF THIS SOFTWARE.
|
||||
***************************************************************************** */
|
||||
|
||||
function __rest(s, e) {
|
||||
var t = {};
|
||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
||||
t[p] = s[p];
|
||||
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
||||
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
||||
t[p[i]] = s[p[i]];
|
||||
}
|
||||
return t;
|
||||
}
|
||||
|
||||
function __awaiter(thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
}
|
||||
|
||||
class ResizeableBuffer{
|
||||
|
||||
+10
-10
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"id": "obsidian-csv-table",
|
||||
"name": "CSV Table",
|
||||
"version": "1.2.0",
|
||||
"minAppVersion": "0.11.10",
|
||||
"description": "Render CSV data as a table within your notes.",
|
||||
"author": "Adam Coddington <me@adamcoddington.net>",
|
||||
"authorUrl": "https://coddingtonbear.net/",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
{
|
||||
"id": "obsidian-csv-table",
|
||||
"name": "CSV Table",
|
||||
"version": "1.2.0",
|
||||
"minAppVersion": "0.11.10",
|
||||
"description": "Render CSV data as a table within your notes.",
|
||||
"author": "Adam Coddington <me@adamcoddington.net>",
|
||||
"authorUrl": "https://coddingtonbear.net/",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
|
||||
+11
-11
@@ -1,12 +1,12 @@
|
||||
{
|
||||
"id": "obsidian-excalidraw-plugin",
|
||||
"name": "Excalidraw",
|
||||
"version": "2.17.1",
|
||||
"minAppVersion": "1.5.7",
|
||||
"description": "An Obsidian plugin to edit and view Excalidraw drawings",
|
||||
"author": "Zsolt Viczian",
|
||||
"authorUrl": "https://excalidraw-obsidian.online",
|
||||
"fundingUrl": "https://ko-fi.com/zsolt",
|
||||
"helpUrl": "https://github.com/zsviczian/obsidian-excalidraw-plugin#readme",
|
||||
"isDesktopOnly": false
|
||||
{
|
||||
"id": "obsidian-excalidraw-plugin",
|
||||
"name": "Excalidraw",
|
||||
"version": "2.17.1",
|
||||
"minAppVersion": "1.5.7",
|
||||
"description": "An Obsidian plugin to edit and view Excalidraw drawings",
|
||||
"author": "Zsolt Viczian",
|
||||
"authorUrl": "https://excalidraw-obsidian.online",
|
||||
"fundingUrl": "https://ko-fi.com/zsolt",
|
||||
"helpUrl": "https://github.com/zsviczian/obsidian-excalidraw-plugin#readme",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
+30
-30
@@ -10,36 +10,36 @@ var view = require('@codemirror/view');
|
||||
var state = require('@codemirror/state');
|
||||
var language = require('@codemirror/language');
|
||||
|
||||
/******************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
Permission to use, copy, modify, and/or distribute this software for any
|
||||
purpose with or without fee is hereby granted.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
PERFORMANCE OF THIS SOFTWARE.
|
||||
***************************************************************************** */
|
||||
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
||||
|
||||
|
||||
function __awaiter(thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
}
|
||||
|
||||
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
||||
var e = new Error(message);
|
||||
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
||||
/******************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
Permission to use, copy, modify, and/or distribute this software for any
|
||||
purpose with or without fee is hereby granted.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
PERFORMANCE OF THIS SOFTWARE.
|
||||
***************************************************************************** */
|
||||
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
||||
|
||||
|
||||
function __awaiter(thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
}
|
||||
|
||||
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
||||
var e = new Error(message);
|
||||
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
||||
};
|
||||
|
||||
const iconPacks$1 = {
|
||||
|
||||
+640
-640
File diff suppressed because it is too large
Load Diff
+23
-23
@@ -6,29 +6,29 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
||||
|
||||
var obsidian__default = /*#__PURE__*/_interopDefaultLegacy(obsidian);
|
||||
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
Permission to use, copy, modify, and/or distribute this software for any
|
||||
purpose with or without fee is hereby granted.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
PERFORMANCE OF THIS SOFTWARE.
|
||||
***************************************************************************** */
|
||||
|
||||
function __awaiter(thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
Permission to use, copy, modify, and/or distribute this software for any
|
||||
purpose with or without fee is hereby granted.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
PERFORMANCE OF THIS SOFTWARE.
|
||||
***************************************************************************** */
|
||||
|
||||
function __awaiter(thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
}
|
||||
|
||||
const VIEW_TYPE_TODO = 'online.larslockefeer.obsidian-plugin-todo';
|
||||
|
||||
+77
-77
@@ -1,77 +1,77 @@
|
||||
div.todo-item-view-container {
|
||||
}
|
||||
|
||||
div.todo-item-view-toolbar {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
border-top: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
div.todo-item-view-toolbar-item {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.todo-item-view-items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
div.todo-item-view-item {
|
||||
display: flex;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
div.todo-item-view-item p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.todo-item-view-item span.due-date {
|
||||
padding: 5px 8px 5px 8px;
|
||||
font-size: 0.6em;
|
||||
border-radius: 12px;
|
||||
background-color: #fbb034;
|
||||
border-color: #fbb034;
|
||||
}
|
||||
|
||||
div.todo-item-view-item span.due-date.overdue {
|
||||
background-color: #ff2400;
|
||||
border-color: #ff2400;
|
||||
}
|
||||
|
||||
div.todo-item-view-item span.due-date.future-due {
|
||||
background-color: #6fdf94;
|
||||
border-color: #6fdf94;
|
||||
}
|
||||
|
||||
div.todo-item-view-item-checkbox {
|
||||
flex-basis: 25px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
div.todo-item-view-item-description {
|
||||
flex-grow: 1;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
div.todo-item-view-item-link {
|
||||
flex-basis: 25px;
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
div.todo-item-view-item-link svg, div.todo-item-view-toolbar-item svg {
|
||||
fill: #cccccc;
|
||||
}
|
||||
|
||||
div.todo-item-view-toolbar-item.active svg {
|
||||
fill: #7f6df2;
|
||||
}
|
||||
div.todo-item-view-container {
|
||||
}
|
||||
|
||||
div.todo-item-view-toolbar {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
border-top: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
div.todo-item-view-toolbar-item {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.todo-item-view-items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
div.todo-item-view-item {
|
||||
display: flex;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
div.todo-item-view-item p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.todo-item-view-item span.due-date {
|
||||
padding: 5px 8px 5px 8px;
|
||||
font-size: 0.6em;
|
||||
border-radius: 12px;
|
||||
background-color: #fbb034;
|
||||
border-color: #fbb034;
|
||||
}
|
||||
|
||||
div.todo-item-view-item span.due-date.overdue {
|
||||
background-color: #ff2400;
|
||||
border-color: #ff2400;
|
||||
}
|
||||
|
||||
div.todo-item-view-item span.due-date.future-due {
|
||||
background-color: #6fdf94;
|
||||
border-color: #6fdf94;
|
||||
}
|
||||
|
||||
div.todo-item-view-item-checkbox {
|
||||
flex-basis: 25px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
div.todo-item-view-item-description {
|
||||
flex-grow: 1;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
div.todo-item-view-item-link {
|
||||
flex-basis: 25px;
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
div.todo-item-view-item-link svg, div.todo-item-view-toolbar-item svg {
|
||||
fill: #cccccc;
|
||||
}
|
||||
|
||||
div.todo-item-view-toolbar-item.active svg {
|
||||
fill: #7f6df2;
|
||||
}
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"id": "obsidian-reminder-plugin",
|
||||
"name": "Reminder",
|
||||
{
|
||||
"id": "obsidian-reminder-plugin",
|
||||
"name": "Reminder",
|
||||
"version": "1.1.21",
|
||||
"minAppVersion": "1.0.3",
|
||||
"description": "Reminder plugin for Obsidian. This plugin adds feature to manage TODOs with reminder.",
|
||||
"author": "uphy",
|
||||
"authorUrl": "https://obsidian.md/about",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
"minAppVersion": "1.0.3",
|
||||
"description": "Reminder plugin for Obsidian. This plugin adds feature to manage TODOs with reminder.",
|
||||
"author": "uphy",
|
||||
"authorUrl": "https://obsidian.md/about",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
|
||||
+5
-6
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"catppuccin-theme-settings@@catppuccin-theme-dark": "ctp-mocha",
|
||||
"catppuccin-theme-settings@@catppuccin-theme-accents": "ctp-accent-sky",
|
||||
"catppuccin-theme-settings@@catppuccin-theme-accents": "ctp-accent-red",
|
||||
"catppuccin-interface-styles@@ctp-bold-folder-title": true,
|
||||
"catppuccin-heading-settings@@ctp-page-title": "var(--ctp-lavender)",
|
||||
"catppuccin-heading-settings@@ctp-h1": "var(--ctp-green)",
|
||||
@@ -18,9 +18,8 @@
|
||||
"obsidian-solve@@solve-result-text@@light": "#D20F39",
|
||||
"obsidian-solve@@solve-result-margin": "0 0 0 20px",
|
||||
"obsidian-solve@@solve-result-padding": "0 10px 0 10px",
|
||||
"catppuccin-icon-styles@@ctp-icon-hide": false,
|
||||
"catppuccin-pdf@@ctp-seamless-pdf": true,
|
||||
"catppuccin-pdf@@ctp-pdf-darken": true,
|
||||
"catppuccin-pdf@@ctp-pdf-blend": false,
|
||||
"pdf-plus@@pdf-plus-vim-hint-inverted": true
|
||||
"catppuccin-icon-styles@@ctp-icon-hide": true,
|
||||
"catppuccin-pdf@@ctp-seamless-pdf": false,
|
||||
"catppuccin-pdf@@ctp-pdf-darken": false,
|
||||
"catppuccin-pdf@@ctp-pdf-blend": false
|
||||
}
|
||||
Vendored
+1
-1
@@ -187,7 +187,7 @@
|
||||
],
|
||||
"updateColorPaletteStateFromContextMenu": true,
|
||||
"mobileCopyAction": "pdf-plus",
|
||||
"showContextMenuOnTablet": false,
|
||||
"showContextMenuOnTablet": true,
|
||||
"executeBuiltinCommandForOutline": true,
|
||||
"executeBuiltinCommandForZoom": true,
|
||||
"executeFontSizeAdjusterCommand": true,
|
||||
|
||||
+11
-11
@@ -1,11 +1,11 @@
|
||||
{
|
||||
"id": "rich-foot",
|
||||
"name": "Rich Foot",
|
||||
"version": "1.10.9",
|
||||
"minAppVersion": "1.5.0",
|
||||
"description": "Adds backlink tags and created/modified dates to the footer of your notes.",
|
||||
"author": "Justin Parker (eQui\\\\ Labs)",
|
||||
"authorUrl": "https://www.equilllabs.com",
|
||||
"fundingUrl": "https://ko-fi.com/jparkerweb",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
{
|
||||
"id": "rich-foot",
|
||||
"name": "Rich Foot",
|
||||
"version": "1.10.9",
|
||||
"minAppVersion": "1.5.0",
|
||||
"description": "Adds backlink tags and created/modified dates to the footer of your notes.",
|
||||
"author": "Justin Parker (eQui\\\\ Labs)",
|
||||
"authorUrl": "https://www.equilllabs.com",
|
||||
"fundingUrl": "https://ko-fi.com/jparkerweb",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
|
||||
+13
-13
@@ -1,14 +1,14 @@
|
||||
{
|
||||
"id": "solve",
|
||||
"name": "Solve",
|
||||
"version": "1.1.0",
|
||||
"minAppVersion": "0.15.0",
|
||||
"description": "Supercharge your notes with real-time calculations without AI fuss. From dates ('Now + 20 days'), percentages ('10% of 120'), units of measurement ('100cm + 2m'), arithmetic ('10 + 5') and more!",
|
||||
"author": "Liam Riddell",
|
||||
"authorUrl": "https://github.com/LiamRiddell",
|
||||
"fundingUrl": {
|
||||
"Buy Me a Coffee": "https://www.buymeacoffee.com/liamriddell",
|
||||
"GitHub Sponser": "https://github.com/sponsors/LiamRiddell"
|
||||
},
|
||||
"isDesktopOnly": false
|
||||
{
|
||||
"id": "solve",
|
||||
"name": "Solve",
|
||||
"version": "1.1.0",
|
||||
"minAppVersion": "0.15.0",
|
||||
"description": "Supercharge your notes with real-time calculations without AI fuss. From dates ('Now + 20 days'), percentages ('10% of 120'), units of measurement ('100cm + 2m'), arithmetic ('10 + 5') and more!",
|
||||
"author": "Liam Riddell",
|
||||
"authorUrl": "https://github.com/LiamRiddell",
|
||||
"fundingUrl": {
|
||||
"Buy Me a Coffee": "https://www.buymeacoffee.com/liamriddell",
|
||||
"GitHub Sponser": "https://github.com/sponsors/LiamRiddell"
|
||||
},
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
Vendored
+64
-64
File diff suppressed because one or more lines are too long
+5
-5
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "Catppuccin",
|
||||
"version": "0.4.44",
|
||||
"minAppVersion": "1.0.0",
|
||||
"author": "Marshall Beckrich",
|
||||
"authorUrl": "https://github.com/catppuccin/obsidian"
|
||||
"name": "Catppuccin",
|
||||
"version": "0.4.47",
|
||||
"minAppVersion": "1.0.0",
|
||||
"author": "Catppuccin",
|
||||
"authorUrl": "https://github.com/catppuccin/obsidian"
|
||||
}
|
||||
|
||||
+110
-140
@@ -2111,7 +2111,6 @@ body {
|
||||
.mod-left-split .workspace-tab-header,
|
||||
.mod-right-split .workspace-tab-header {
|
||||
margin: 0 2px;
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.clickable-icon:hover,
|
||||
.mod-left-split .workspace-tab-header:hover,
|
||||
@@ -2136,7 +2135,6 @@ body {
|
||||
.mod-right-split .workspace-tab-header.is-active {
|
||||
box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
|
||||
outline: 1px solid rgb(var(--ctp-surface1));
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.clickable-icon.is-active svg,
|
||||
.mod-left-split .workspace-tab-header.has-active-menu svg,
|
||||
@@ -2144,7 +2142,6 @@ body {
|
||||
.mod-left-split .workspace-tab-header.is-active svg,
|
||||
.mod-right-split .workspace-tab-header.is-active svg {
|
||||
color: rgb(var(--ctp-accent));
|
||||
transition: background-color 3s ease-in-out;
|
||||
}
|
||||
.clickable-icon.is-active:hover, .clickable-icon.is-active:hover svg,
|
||||
.mod-left-split .workspace-tab-header.has-active-menu:hover,
|
||||
@@ -2167,7 +2164,6 @@ body {
|
||||
background-color: rgb(var(--ctp-red));
|
||||
box-shadow: 0 0 2px 1px rgb(var(--ctp-surface1));
|
||||
color: rgb(var(--ctp-base));
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.workspace-tab-header-inner-close-button:hover {
|
||||
@@ -2187,11 +2183,6 @@ body {
|
||||
/*
|
||||
* Windows and Linux min, max, and close buttons
|
||||
*/
|
||||
.mod-linux .titlebar-button,
|
||||
.mod-windows .titlebar-button {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.mod-linux .titlebar-button:hover,
|
||||
.mod-windows .titlebar-button:hover {
|
||||
background-color: rgb(var(--ctp-pink));
|
||||
@@ -2217,7 +2208,6 @@ body {
|
||||
*/
|
||||
.nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content::before {
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'%3E%3C/path%3E%3Cpath d='M2 10h20'%3E%3C/path%3E%3C/svg%3E");
|
||||
transition: -webkit-mask-image 0.2s ease;
|
||||
}
|
||||
|
||||
.nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content::before,
|
||||
@@ -2248,7 +2238,6 @@ body {
|
||||
background-size: 16px 16px;
|
||||
content: "";
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3C/svg%3E");
|
||||
transition: -webkit-mask-image 0.2s ease;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -2269,15 +2258,17 @@ body {
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
/* Fix for #141 */
|
||||
.mod-left-split .workspace-tab-header-container .workspace-tab-header-container-inner,
|
||||
.mod-right-split .workspace-tab-header-container .workspace-tab-header-container-inner {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
select:focus,
|
||||
.dropdown:focus {
|
||||
box-shadow: 0 0 0 2px rgb(var(--ctp-accent), 70%);
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
|
||||
}
|
||||
|
||||
textarea:active,
|
||||
input[type=text]:active,
|
||||
input[type=search]:active,
|
||||
@@ -2349,7 +2340,6 @@ input[type=datetime-local]::-webkit-datetime-edit-second-field:focus {
|
||||
text-decoration-color: transparent;
|
||||
text-decoration-line: underline;
|
||||
text-decoration-style: solid;
|
||||
transition: var(--transition-text-decoration-color);
|
||||
}
|
||||
.cm-s-obsidian .cm-formatting-link.cm-url:hover,
|
||||
.cm-s-obsidian .cm-url:hover,
|
||||
@@ -2372,7 +2362,6 @@ body:not(.ctp-tag-pill) .cm-hashtag.cm-hashtag-end {
|
||||
text-decoration-color: transparent;
|
||||
text-decoration-line: underline;
|
||||
text-decoration-style: solid;
|
||||
transition: var(--transition-text-decoration-color);
|
||||
}
|
||||
body:not(.ctp-tag-pill) .cm-hashtag.cm-hashtag-end:hover {
|
||||
text-decoration: underline 1px rgb(var(--ctp-tag-pill-color, var(--ctp-accent)));
|
||||
@@ -2421,7 +2410,6 @@ body:not(.ctp-tag-pill) .cm-hashtag::selection {
|
||||
|
||||
.empty-state-action {
|
||||
border-radius: var(--radius-s);
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
@@ -2608,10 +2596,6 @@ body:not(.ctp-tag-pill) .cm-hashtag::selection {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
}
|
||||
|
||||
.search-result-file-match {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.search-result-file-match:hover .search-result-file-matched-text {
|
||||
background-color: rgb(var(--ctp-rosewater), 60%);
|
||||
color: var(--text-on-accent);
|
||||
@@ -2651,28 +2635,16 @@ body:not(.ctp-tag-pill) .cm-hashtag::selection {
|
||||
--interactive-accent: rgb(var(--ctp-mauve));
|
||||
}
|
||||
|
||||
.status-bar-item {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.status-bar-item.mod-clickable:hover {
|
||||
--background-modifier-hover: rgb(var(--ctp-accent));
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.view-header-title-parent .view-header-breadcrumb {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.view-header-title-parent .view-header-breadcrumb:hover {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.horizontal-tab-nav-item,
|
||||
.vertical-tab-nav-item {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.horizontal-tab-nav-item:hover,
|
||||
.vertical-tab-nav-item:hover {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
@@ -2688,20 +2660,10 @@ body:not(.ctp-tag-pill) .cm-hashtag::selection {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
}
|
||||
|
||||
.nav-folder-title,
|
||||
.nav-file-title {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.search-result:not(.is-collapsed) .search-result-file-title {
|
||||
--nav-item-color-active: var(--text-normal);
|
||||
}
|
||||
|
||||
.tree-item-self,
|
||||
.embedded-backlinks .backlink-pane .tree-item-flair {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
:not(.is-grabbing) .nav-file-title:hover,
|
||||
:not(.is-grabbing) .nav-folder-title:hover,
|
||||
.nav-file-title.is-active,
|
||||
@@ -2763,12 +2725,6 @@ body:not(.ctp-tag-pill) .cm-hashtag::selection {
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
body:not(.is-grabbing) .tree-item-self.is-active,
|
||||
.tree-item-self.is-active,
|
||||
.tree-item-self.is-clickable {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
body:not(.is-grabbing) .tree-item-self.is-active:hover,
|
||||
.tree-item-self.is-active {
|
||||
--nav-item-color-active: var(--text-on-accent);
|
||||
@@ -2784,10 +2740,6 @@ body:not(.is-grabbing) .tree-item-self.is-active:hover .tree-item-icon,
|
||||
--icon-color: var(--text-on-accent);
|
||||
}
|
||||
}
|
||||
.tree-item-icon {
|
||||
transition: var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.mod-vertical .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
|
||||
--background-modifier-hover: rgb(var(--ctp-accent));
|
||||
--background-modifier-active-hover: rgb(var(--ctp-accent));
|
||||
@@ -2799,10 +2751,6 @@ body:not(.is-grabbing) .tree-item-self.is-active:hover .tree-item-icon,
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
/* Stacked tabs */
|
||||
/* TODO disentangle all the tabs css */
|
||||
.mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
|
||||
@@ -2848,10 +2796,6 @@ body:not(.is-grabbing) .tree-item-self.is-active:hover .tree-item-icon,
|
||||
opacity: 40%;
|
||||
}
|
||||
|
||||
.canvas-control-item {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.canvas-control-item:hover {
|
||||
background-color: rgb(var(--ctp-pink));
|
||||
@@ -2906,10 +2850,6 @@ body:not(.is-grabbing) .tree-item-self.is-active:hover .tree-item-icon,
|
||||
background-color: rgb(var(--ctp-green));
|
||||
}
|
||||
|
||||
button:not(.clickable-icon) {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
|
||||
}
|
||||
|
||||
button.mod-cta {
|
||||
border: 0;
|
||||
border-radius: var(--button-radius);
|
||||
@@ -2925,7 +2865,6 @@ button.mod-cta {
|
||||
}
|
||||
button.mod-cta:not(.clickable-icon) {
|
||||
background-color: var(--interactive-normal);
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
|
||||
}
|
||||
button.mod-cta:hover {
|
||||
background-color: var(--interactive-hover);
|
||||
@@ -2949,6 +2888,20 @@ button.mod-cta:hover {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
body:not(.is-phone) .horizontal-tab-nav-item.is-active,
|
||||
body:not(.is-phone) .vertical-tab-nav-item.is-active {
|
||||
--ctp-accent: var(--ctp-mauve);
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.horizontal-tab-nav-item:hover .vertical-tab-nav-item-icon,
|
||||
.vertical-tab-nav-item:hover .vertical-tab-nav-item-icon,
|
||||
.horizontal-tab-nav-item.is-active .vertical-tab-nav-item-icon,
|
||||
.vertical-tab-nav-item.is-active .vertical-tab-nav-item-icon {
|
||||
color: var(--text-on--accent);
|
||||
}
|
||||
|
||||
/**
|
||||
* Some tweaks for the light/Catppuccin Latte theme.
|
||||
*/
|
||||
@@ -2964,45 +2917,19 @@ button.mod-cta:hover {
|
||||
--indentation-guide-width: 2px;
|
||||
--list-marker-color: rgb(var(--ctp-sapphire));
|
||||
--checklist-done-color: rgb(var(--ctp-green));
|
||||
/*
|
||||
* Nav bar
|
||||
*/
|
||||
/*
|
||||
* Icons
|
||||
*/
|
||||
/*
|
||||
* Tabs
|
||||
*/
|
||||
/*
|
||||
* Prompts
|
||||
*/
|
||||
/*
|
||||
* Search
|
||||
*/
|
||||
/*
|
||||
* Dropdowns
|
||||
*/
|
||||
/*
|
||||
* Checkboxes
|
||||
*/
|
||||
/*
|
||||
? I think !important is necessary to overwrite app.css
|
||||
*/
|
||||
/*
|
||||
* settings slider
|
||||
*/
|
||||
/*
|
||||
* Canvas
|
||||
*/
|
||||
/*
|
||||
* Bookmarks
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .workspace-tab-header-inner-close-button:hover,
|
||||
.theme-light:not(.css-settings-manager) .workspace-tab-header-inner-close-button:hover,
|
||||
.ctp-full-palette .workspace-tab-header-inner-close-button:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Nav bar
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .nav-file-title.is-active,
|
||||
.theme-dark:not(.css-settings-manager) .nav-folder-title.is-active,
|
||||
.theme-light:not(.css-settings-manager) .nav-file-title.is-active,
|
||||
@@ -3029,6 +2956,13 @@ button.mod-cta:hover {
|
||||
background-color: transparent;
|
||||
color: rgb(var(--text-normal));
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Icons
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .clickable-icon.is-active,
|
||||
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu,
|
||||
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu,
|
||||
@@ -3046,7 +2980,6 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette .mod-right-split .workspace-tab-header.is-active {
|
||||
box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
|
||||
outline: 1px solid rgb(var(--ctp-surface1));
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .clickable-icon.is-active svg,
|
||||
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu svg,
|
||||
@@ -3064,7 +2997,6 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette .mod-left-split .workspace-tab-header.is-active svg,
|
||||
.ctp-full-palette .mod-right-split .workspace-tab-header.is-active svg {
|
||||
color: rgb(var(--ctp-pink));
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .clickable-icon.is-active:hover, .theme-dark:not(.css-settings-manager) .clickable-icon.is-active:hover svg,
|
||||
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu:hover,
|
||||
@@ -3099,17 +3031,6 @@ button.mod-cta:hover {
|
||||
box-shadow: none;
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .clickable-icon,
|
||||
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header,
|
||||
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header,
|
||||
.theme-light:not(.css-settings-manager) .clickable-icon,
|
||||
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header,
|
||||
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header,
|
||||
.ctp-full-palette .clickable-icon,
|
||||
.ctp-full-palette .mod-left-split .workspace-tab-header,
|
||||
.ctp-full-palette .mod-right-split .workspace-tab-header {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .clickable-icon:hover,
|
||||
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header:hover,
|
||||
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header:hover,
|
||||
@@ -3153,6 +3074,13 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette .mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button:hover svg {
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Tabs
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-inner:hover .workspace-tab-header-inner-title,
|
||||
.theme-light:not(.css-settings-manager) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-inner:hover .workspace-tab-header-inner-title,
|
||||
.ctp-full-palette .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-inner:hover .workspace-tab-header-inner-title {
|
||||
@@ -3163,6 +3091,13 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette .mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner .workspace-tab-header-inner-title {
|
||||
color: rgb(var(--ctp-pink));
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Prompts
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .suggestion-item.is-selected,
|
||||
.theme-light:not(.css-settings-manager) .suggestion-item.is-selected,
|
||||
.ctp-full-palette .suggestion-item.is-selected {
|
||||
@@ -3174,6 +3109,13 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette .suggestion-item.is-selected:hover .suggestion-flair {
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Search
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .suggestion .suggestion-item.mod-group,
|
||||
.theme-light:not(.css-settings-manager) .suggestion .suggestion-item.mod-group,
|
||||
.ctp-full-palette .suggestion .suggestion-item.mod-group {
|
||||
@@ -3198,6 +3140,13 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette .search-suggest-item.is-selected .search-suggest-info-text {
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Dropdowns
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) select:focus,
|
||||
.theme-dark:not(.css-settings-manager) .dropdown:focus,
|
||||
.theme-light:not(.css-settings-manager) select:focus,
|
||||
@@ -3262,6 +3211,13 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette input[type=number]:focus-visible {
|
||||
box-shadow: 0 0 0 2px rgb(var(--ctp-blue), 70%);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Checkboxes
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) input[type=checkbox]:not(:checked),
|
||||
.theme-light:not(.css-settings-manager) input[type=checkbox]:not(:checked),
|
||||
.ctp-full-palette input[type=checkbox]:not(:checked) {
|
||||
@@ -3386,7 +3342,8 @@ button.mod-cta:hover {
|
||||
.theme-light:not(.css-settings-manager) .vertical-tab-nav-item.is-active,
|
||||
.ctp-full-palette .horizontal-tab-nav-item.is-active,
|
||||
.ctp-full-palette .vertical-tab-nav-item.is-active {
|
||||
background-color: rgb(var(--ctp-mauve));
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .horizontal-tab-nav-item.is-active:hover,
|
||||
.theme-dark:not(.css-settings-manager) .vertical-tab-nav-item.is-active:hover,
|
||||
@@ -3396,12 +3353,26 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette .vertical-tab-nav-item.is-active:hover {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
? I think !important is necessary to overwrite app.css
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .HyperMD-header .cm-formatting-header,
|
||||
.theme-light:not(.css-settings-manager) .HyperMD-header .cm-formatting-header,
|
||||
.ctp-full-palette .HyperMD-header .cm-formatting-header {
|
||||
color: rgb(var(--ctp-sapphire));
|
||||
font-size: 75% !important;
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* settings slider
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .mod-settings input.slider,
|
||||
.theme-light:not(.css-settings-manager) .mod-settings input.slider,
|
||||
.ctp-full-palette .mod-settings input.slider {
|
||||
@@ -3412,11 +3383,25 @@ button.mod-cta:hover {
|
||||
.ctp-full-palette .mod-settings input[type=color]::-webkit-color-swatch:hover {
|
||||
box-shadow: inset 0 0 0 1px rgb(var(--mono-rgb-100), 25%), 0 0 0 2px rgb(var(--ctp-surface1));
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Canvas
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) .canvas-controls button:hover,
|
||||
.theme-light:not(.css-settings-manager) .canvas-controls button:hover,
|
||||
.ctp-full-palette .canvas-controls button:hover {
|
||||
background-color: rgb(var(--ctp-pink));
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager),
|
||||
.theme-light:not(.css-settings-manager),
|
||||
.ctp-full-palette {
|
||||
/*
|
||||
* Bookmarks
|
||||
*/
|
||||
}
|
||||
.theme-dark:not(.css-settings-manager) body:not(.is-grabbing) .tree-item-self.is-active:hover,
|
||||
.theme-dark:not(.css-settings-manager) .tree-item-self.is-active,
|
||||
.theme-light:not(.css-settings-manager) body:not(.is-grabbing) .tree-item-self.is-active:hover,
|
||||
@@ -3530,9 +3515,6 @@ body:not(.is-mobile) .mk-main-menu-button:hover {
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.ctp-full-palette .mk-sidebar-item {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.ctp-full-palette .mk-sidebar-item:hover {
|
||||
background-color: rgb(var(--ctp-pink));
|
||||
color: var(--text-on-accent);
|
||||
@@ -3544,11 +3526,9 @@ body:not(.is-mobile) .mk-main-menu-button:hover {
|
||||
.ctp-full-palette .mk-sidebar-item-active {
|
||||
box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
|
||||
outline: 1px solid rgb(var(--ctp-surface1));
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
|
||||
}
|
||||
.ctp-full-palette .mk-sidebar-item-active svg {
|
||||
color: rgb(var(--ctp-pink)) !important;
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.ctp-full-palette .mk-sidebar-item-active:hover svg, .ctp-full-palette .mk-sidebar-item-active:hover {
|
||||
background-color: rgb(var(--ctp-pink));
|
||||
@@ -3556,9 +3536,6 @@ body:not(.is-mobile) .mk-main-menu-button:hover {
|
||||
color: var(--text-on-accent) !important;
|
||||
}
|
||||
|
||||
.mk-sidebar-item {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.mk-sidebar-item:hover {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
color: var(--text-on-accent);
|
||||
@@ -3570,11 +3547,9 @@ body:not(.is-mobile) .mk-main-menu-button:hover {
|
||||
.mk-sidebar-item-active {
|
||||
box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
|
||||
outline: 1px solid rgb(var(--ctp-surface1));
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
|
||||
}
|
||||
.mk-sidebar-item-active svg {
|
||||
color: rgb(var(--ctp-accent)) !important;
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
.mk-sidebar-item-active:hover svg, .mk-sidebar-item-active:hover {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
@@ -3582,14 +3557,6 @@ body:not(.is-mobile) .mk-main-menu-button:hover {
|
||||
color: var(--text-on-accent) !important;
|
||||
}
|
||||
|
||||
.mk-tree-item {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.mk-tree-item svg {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
body:not(.is-mobile) .mk-tree-item:hover {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
color: var(--text-on-accent);
|
||||
@@ -3599,10 +3566,6 @@ body:not(.is-mobile) .mk-tree-item:hover {
|
||||
color: var(--text-on-accent) !important;
|
||||
}
|
||||
|
||||
.mk-options-menu__suggestions li {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color);
|
||||
}
|
||||
|
||||
.mk-options-menu__suggestions li.is-active,
|
||||
.mk-options-menu__suggestions li:hover {
|
||||
background-color: rgb(var(--ctp-accent));
|
||||
@@ -3619,10 +3582,6 @@ body:not(.is-mobile) .mk-tree-item:hover {
|
||||
color: rgb(var(--ctp-accent)) !important;
|
||||
}
|
||||
|
||||
body:not(.is-mobile) .mk-tree-wrapper button {
|
||||
transition: var(--transition-hover-bg), var(--transition-hover-color), var(--transition-hover-box-shadow);
|
||||
}
|
||||
|
||||
body:not(.is-mobile) .mk-folder-buttons button {
|
||||
margin-left: 2px;
|
||||
background-color: transparent !important;
|
||||
@@ -3720,6 +3679,17 @@ body:not(.is-grabbing) .tree-item-self.fn-is-active:hover {
|
||||
font-size: var(--font-smaller);
|
||||
}
|
||||
|
||||
/* Fix for #134 */
|
||||
.suggestion-item.is-selected .EA-shortcode span.EA-hl {
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
/* Make Style Settings accent selection use choice for active items */
|
||||
body.css-settings-manager:not(.is-phone, .ctp-full-palette) .horizontal-tab-nav-item.is-active,
|
||||
body.css-settings-manager:not(.is-phone, .ctp-full-palette) .vertical-tab-nav-item.is-active {
|
||||
--ctp-accent: unset ;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Checklist icons implemented for #91. This scss is from Kepano's Minimal Theme under its MIT License. Thanks Kepano!
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user