1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 10:07:19 +00:00
TiddlyWiki5/plugins/tiddlywiki/dynannotate/styles.tid
yaisog 2340d48844
Add additional searchModes to Dynannotate (#7260)
* Add searchModes: literal, some and words

* Add additional search modes

Description of selection tracker config tiddlers was also changed.

* Update simple.tid

* Improve View Template examples

Transcludes a sample tiddler for demonstration instead of the dynannotate view template code.
Adds an example for usage with $genesis to add state tiddler controlled per-tiddler highlights.

* Make search highlights not case sensitive

* Remove created and modified fields

* Add another example text (Searching in Tiddlywiki)

* Add dynannotate for vercel deployment

This should probably not be merged...

* Create LegacySelectionTracker.tid

* Create SelectionTracker.tid

* Revert putting the SelectionTracker config titles in code blocks

* Replace inline styles with CSS class

* Add class for view template examples

Class name is tc-dynannotate-example-frame.

* Remove some <br> line breaks.

* Remove first example transclusion and fix some tab spacing

* Add class to override control panel table layout

* Add class to settings table

* More tab shenanigans

Great Scott!

* Add explanatory comment to example macro

* Change defaults to match widget behavior

* Make previous macro comment more concise

* Change example to transclude CP tiddler

$:/core/ui/ControlPanel/TiddlerFields

* Delete unnecessary example tiddler
2023-05-06 11:30:21 +01:00

55 lines
1.3 KiB
Plaintext

title: $:/plugins/tiddlywiki/dynannotate/styles
tags: [[$:/tags/Stylesheet]]
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
.tc-dynannotation-wrapper {
position: relative;
}
.tc-dynannotation-annotation-overlay {
position: absolute;
background: rgba(255,255,0,0.3);
mix-blend-mode: multiply;
}
.tc-dynannotation-search-overlay {
position: absolute;
pointer-events: none;
background: rgba(255,0,0,0.3);
}
.tc-dynannotation-search-overlay-blurred {
background: rgba(255,0,0,0.3);
mix-blend-mode: multiply;
border-radius: 4px;
filter: blur(2px);
}
@keyframes ta-dynannotation-search-overlay-animated { to { background-position: 100% 100% } }
.tc-dynannotation-search-overlay-animated {
mix-blend-mode: multiply;
background: repeating-linear-gradient(-45deg, #ff8 0, #dd8 25%, transparent 0, transparent 50%) 0 / .6em .6em;
animation: ta-dynannotation-search-overlay-animated 12s linear infinite;
}
.tc-dynannotate-example-frame {
border: 1px solid black;
border-radius: 20px;
padding: 1em;
}
.tc-control-panel table.tc-dynannotate-search-parameters, .tc-control-panel table.tc-dynannotate-search-parameters input {
width: initial;
}
.tc-dynannotate-snippet-highlight {
background: #efef53;
}
.tc-dynannotation-example-info {
background: #ffa;
padding: 1em;
}