mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-27 10:30:28 +00:00
Code Issues Releases Wiki Activity
dec45f0fc3
TiddlyWiki5/themes/tiddlywiki/vanilla/base.tid

3096 lines
57 KiB
Plaintext
Raw Normal View History

Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
title: $:/themes/tiddlywiki/vanilla/base
Deprecate `$:/tags/stylesheet` in favour of `$:/tags/Stylesheet` A warning message appears at the top of the story river if any `$:/tags/stylesheet` tags are found. Fixing the first half of #824
2014-09-10 08:13:21 +00:00
tags: [[$:/tags/Stylesheet]]
Use code-body: yes for more templates Fixes #6444
2022-02-07 16:53:36 +00:00
code-body: yes
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
Add background image to Vanilla theme tweaks Now one can choose an image tiddler from a dropdown and choose how the image is attached.
2015-04-01 17:28:33 +00:00
\define custom-background-datauri()
<$set name="background" value={{$:/themes/tiddlywiki/vanilla/settings/backgroundimage}}>
<$list filter="[<background>is[image]]">
Add background image size theme tweak Makes it possible to create a background image that fully covers the window, as well as the tiled images that were working before.
2015-04-01 20:08:42 +00:00
`background: url(`
Add background image to Vanilla theme tweaks Now one can choose an image tiddler from a dropdown and choose how the image is attached.
2015-04-01 17:28:33 +00:00
<$list filter="[<background>!has[_canonical_uri]]">
Fix problem with SVG background images that include parenthesis See discussion https://groups.google.com/d/topic/tiddlywiki/GEmh0rwAHcY/discussion
2017-11-10 17:29:28 +00:00
`"`<$macrocall $name="datauri" title={{$:/themes/tiddlywiki/vanilla/settings/backgroundimage}}/>`"`
Add background image to Vanilla theme tweaks Now one can choose an image tiddler from a dropdown and choose how the image is attached.
2015-04-01 17:28:33 +00:00
</$list>
<$list filter="[<background>has[_canonical_uri]]">
Fix problem with SVG background images that include parenthesis See discussion https://groups.google.com/d/topic/tiddlywiki/GEmh0rwAHcY/discussion
2017-11-10 17:29:28 +00:00
`"`<$view tiddler={{$:/themes/tiddlywiki/vanilla/settings/backgroundimage}} field="_canonical_uri"/>`"`
Add background image to Vanilla theme tweaks Now one can choose an image tiddler from a dropdown and choose how the image is attached.
2015-04-01 17:28:33 +00:00
</$list>
Tweaks to background image support And some demo images for use as backgrounds
2015-04-02 11:11:13 +00:00
`) center center;`
Add background image size theme tweak Makes it possible to create a background image that fully covers the window, as well as the tiled images that were working before.
2015-04-01 20:08:42 +00:00
`background-attachment: `{{$:/themes/tiddlywiki/vanilla/settings/backgroundimageattachment}}`;
-webkit-background-size:` {{$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize}}`;
-moz-background-size:` {{$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize}}`;
-o-background-size:` {{$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize}}`;
background-size:` {{$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize}}`;`
Add background image to Vanilla theme tweaks Now one can choose an image tiddler from a dropdown and choose how the image is attached.
2015-04-01 17:28:33 +00:00
</$list>
</$set>
\end
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
\define sidebarbreakpoint()
<$text text={{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}/>
\end
\define sidebarbreakpoint-minus-one()
<$text text={{{ [{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}removesuffix[px]subtract[1]addsuffix[px]] ~[{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}] }}}/>
\end
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
\define if-fluid-fixed(text,hiddenSidebarText)
<$reveal state="$:/themes/tiddlywiki/vanilla/options/sidebarlayout" type="match" text="fluid-fixed">
$text$
<$reveal state="$:/state/sidebar" type="nomatch" text="yes" default="yes">
$hiddenSidebarText$
</$reveal>
</$reveal>
\end
Make the editor preview scrollable in fixed height mode Fixes #2616
2016-10-18 07:46:48 +00:00
\define if-editor-height-fixed(then,else)
<$reveal state="$:/config/TextEditor/EditorHeight/Mode" type="match" text="fixed">
$then$
</$reveal>
<$reveal state="$:/config/TextEditor/EditorHeight/Mode" type="match" text="auto">
$else$
</$reveal>
\end
Make type input field min-width the highest character length of selectable types (#5090) * Make type input field min-width the highest character length of selectable types * Update base.tid * Update base.tid
2020-11-22 21:12:19 +00:00
\define set-type-selector-min-width()
<$set name="typeLength" value={{{ [all[shadows+tiddlers]prefix[$:/language/Docs/Types/]get[name]length[]maxall[]] }}}>
.tc-type-selector-dropdown-wrapper {
min-width: calc(<<typeLength>>ch + 4em);
}
.tc-type-selector-dropdown-wrapper input.tc-edit-typeeditor {
min-width: <<typeLength>>ch;
}
</$set>
\end
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock
Add background image to Vanilla theme tweaks Now one can choose an image tiddler from a dropdown and choose how the image is attached.
2015-04-01 17:28:33 +00:00
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Start with the normalize CSS reset, and then belay some of its effects
*/
{{$:/themes/tiddlywiki/vanilla/reset}}
*, input[type="search"] {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
Remove normalize.css's styling of search inputs As discussed here: https://github.com/Jermolene/TiddlyWiki5/issues/4984#issuecomment-723169753
2020-11-06 16:24:05 +00:00
input[type="search"] {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
outline-offset: initial;
Remove normalize.css's styling of search inputs As discussed here: https://github.com/Jermolene/TiddlyWiki5/issues/4984#issuecomment-723169753
2020-11-06 16:24:05 +00:00
}
Update to latest version of normalize.css and fix tab styling Tab styling was inconsistent on Firefox due to some line-height issues.
2014-03-12 20:05:34 +00:00
html button {
line-height: 1.2;
Add button palette colours We leave them blank by default so that we get the browser default button colours
2015-04-27 20:46:07 +00:00
color: <<colour button-foreground>>;
Add fill: <<colour button-foreground>> to html button in vanilla/base (#5250)
2020-12-10 17:33:42 +00:00
fill: <<colour button-foreground>>;
Add button palette colours We leave them blank by default so that we get the browser default button colours
2015-04-27 20:46:07 +00:00
background: <<colour button-background>>;
border-color: <<colour button-border>>;
Update to latest version of normalize.css and fix tab styling Tab styling was inconsistent on Firefox due to some line-height issues.
2014-03-12 20:05:34 +00:00
}
Add support for disabled editor toolbar buttons & docs (#5294) * add dynamic toolbar buttons + HowTo * remove some whitespace. * move howto and improve shortcut logic * move howto * add whitespace so it can be removed in an other PR.
2021-04-25 15:17:32 +00:00
button:disabled svg {
fill: <<colour muted-foreground>>;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Basic element styles
*/
Fix #5108 - vanilla/reset overrides system fonts (#5118)
2020-11-24 21:15:37 +00:00
html, body {
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
font-family: {{$:/themes/tiddlywiki/vanilla/settings/fontfamily}};
Improve font rendering on OX S See https://medium.com/@mwichary/death-to-typewriters-technical-supplement-8 f3c754626f2#5916
2015-02-16 21:27:11 +00:00
text-rendering: optimizeLegibility; /* Enables kerning and ligatures etc. */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Fix full screen background
2014-04-14 20:30:42 +00:00
html:-webkit-full-screen {
background-color: <<colour page-background>>;
}
Rename more `tw-` classes to `tc-` Part of #764
2014-08-28 18:00:57 +00:00
body.tc-body {
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
font-size: {{$:/themes/tiddlywiki/vanilla/metrics/fontsize}};
line-height: {{$:/themes/tiddlywiki/vanilla/metrics/lineheight}};
Ensure page background colour takes shows through transparent background images Fixes #2529
2016-08-09 08:36:17 +00:00
word-wrap: break-word;
<<custom-background-datauri>>
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour foreground>>;
background-color: <<colour page-background>>;
Don't set colour of SVG elements Instead set the default colour on the body element so that it will be inherited
2015-05-13 22:59:51 +00:00
fill: <<colour foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
tc-body background transparent if background attachment (#3100) * tc-body transparent if background attachment if you go fullscreen with the fullscreen button, the tc-body background color hides the background attachments - so make it transparent if $:/themes/tiddlywiki/vanilla/settings/backgroundimage isn't empty * if background attachment macro macro to make tc-body background transparent
2018-01-23 16:49:24 +00:00
<<if-background-attachment """
body.tc-body {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
background-color: transparent;
tc-body background transparent if background attachment (#3100) * tc-body transparent if background attachment if you go fullscreen with the fullscreen button, the tc-body background color hides the background attachments - so make it transparent if $:/themes/tiddlywiki/vanilla/settings/backgroundimage isn't empty * if background attachment macro macro to make tc-body background transparent
2018-01-23 16:49:24 +00:00
}
""">>
Override crazy browser defaults for h1 fontsize Fixes #5311
2020-12-24 10:37:54 +00:00
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
h1, h2, h3, h4, h5, h6 {
Break the links up into separate tiddlers
2014-03-22 17:32:28 +00:00
line-height: 1.2;
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
pre {
display: block;
Add margin on code blocks and tables
2014-03-11 08:29:11 +00:00
margin-top: 1em;
margin-bottom: 1em;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
word-break: normal;
word-wrap: break-word;
Fix word wrapping in code blocks * Fix word wrapping in code blocks When you create a code block with the three back ticks any thing that was wider then the pre block would be word wrapped. That causes code snippets to look odd. * Make code wrapping a theme tweek option
2016-04-04 16:27:55 +00:00
white-space: {{$:/themes/tiddlywiki/vanilla/options/codewrapping}};
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour pre-background>>;
border: 1px solid <<colour pre-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 0 3px 2px;
Stop using obsoleted "-moz-border-radius" and "-webkit-border-radius" properties Fixes #480
2014-03-18 23:38:52 +00:00
border-radius: 3px;
Expose code font family in Control Panel
2015-02-27 12:46:19 +00:00
font-family: {{$:/themes/tiddlywiki/vanilla/settings/codefontfamily}};
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
code {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour code-foreground>>;
background-color: <<colour code-background>>;
border: 1px solid <<colour code-border>>;
Fix word wrapping in code blocks * Fix word wrapping in code blocks When you create a code block with the three back ticks any thing that was wider then the pre block would be word wrapped. That causes code snippets to look odd. * Make code wrapping a theme tweek option
2016-04-04 16:27:55 +00:00
white-space: {{$:/themes/tiddlywiki/vanilla/options/codewrapping}};
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 0 3px 2px;
Stop using obsoleted "-moz-border-radius" and "-webkit-border-radius" properties Fixes #480
2014-03-18 23:38:52 +00:00
border-radius: 3px;
Expose code font family in Control Panel
2015-02-27 12:46:19 +00:00
font-family: {{$:/themes/tiddlywiki/vanilla/settings/codefontfamily}};
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Block quote styles
2013-12-05 16:20:37 +00:00
blockquote {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border-left: 5px solid <<colour blockquote-bar>>;
Block quote styles
2013-12-05 16:20:37 +00:00
margin-left: 25px;
padding-left: 10px;
Add big block quote style
2017-04-17 16:53:19 +00:00
quotes: "\201C""\201D""\2018""\2019";
}
Let chained `>` blockquotes generate valid HTML (#4332) * Replace "p" with "div" in itemTag '>> text' will now be valid html. * Make the new div's behave like p's
2020-04-07 19:39:13 +00:00
blockquote > div {
margin-top: 1em;
margin-bottom: 1em;
}
Add big block quote style
2017-04-17 16:53:19 +00:00
blockquote.tc-big-quote {
font-family: Georgia, serif;
position: relative;
background: <<colour pre-background>>;
border-left: none;
margin-left: 50px;
margin-right: 50px;
padding: 10px;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
border-radius: 8px;
Add big block quote style
2017-04-17 16:53:19 +00:00
}
blockquote.tc-big-quote cite:before {
content: "\2014 \2009";
}
blockquote.tc-big-quote:before {
font-family: Georgia, serif;
color: <<colour blockquote-bar>>;
content: open-quote;
font-size: 8em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
position: absolute;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
left: -50px;
top: 42px;
Add big block quote style
2017-04-17 16:53:19 +00:00
}
blockquote.tc-big-quote:after {
font-family: Georgia, serif;
color: <<colour blockquote-bar>>;
content: close-quote;
font-size: 8em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
position: absolute;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
right: -80px;
bottom: -20px;
Block quote styles
2013-12-05 16:20:37 +00:00
}
Formatting for definition lists
2013-12-11 13:12:56 +00:00
dl dt {
font-weight: bold;
margin-top: 6px;
}
Add outline color to button, textarea, input (#3822) * add outline-color to button, textarea, input * add select elements, move to top * use primary color
2019-03-03 21:22:13 +00:00
button, textarea, input, select {
outline-color: <<colour primary>>;
}
Add button palette colours We leave them blank by default so that we get the browser default button colours
2015-04-27 20:46:07 +00:00
textarea,
input[type=text],
Palette tweaks
2015-04-28 08:12:04 +00:00
input[type=search],
Add button palette colours We leave them blank by default so that we get the browser default button colours
2015-04-27 20:46:07 +00:00
input[type=""],
input:not([type]) {
Use palette colours for text areas and text inputs
2015-04-10 16:04:41 +00:00
color: <<colour foreground>>;
Add button palette colours We leave them blank by default so that we get the browser default button colours
2015-04-27 20:46:07 +00:00
background: <<colour background>>;
Use palette colours for text areas and text inputs
2015-04-10 16:04:41 +00:00
}
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
input[type="checkbox"] {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
vertical-align: middle;
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
}
Keyboard-driven dropdown inputs (#4725) * Add shortcut descriptions to Misc.multids * Update framed.js * Update simple.js * Add inputActions and refreshTitle to factory.js * Add inputActions and refreshTitle to edit.js * Update DefaultSearchResultList.tid * Update search.tid * Update ShortcutInfo.multids * Update shortcuts.multids * Create keyboard-driven-input.tid * Update tag-picker.tid * Create keyboard-driven-input_Macro.tid * Update EditTextWidget.tid * Update EditWidget.tid * Update engine.js * Update base.tid * Use primaryListFilter, secondaryListFilter, primaryList and secondaryList * Update tag-picker.tid * Update search.tid * Update DefaultSearchResultList.tid * Update keyboard-driven-input_Macro.tid * Fix typo udpate -> update * Update framed.js
2020-07-13 16:42:55 +00:00
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance:none;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-muted {
Add descriptions to toolbar buttons
2014-07-31 08:28:46 +00:00
color: <<colour muted-foreground>>;
Palette tweaks
2015-04-28 08:12:04 +00:00
}
Revert to original fix for #1542 The trouble with tweaking the ViewBox was that the amount of the adjustment is expressed in the coordinate system of the image, not the coordinate system of the bitmap that is being rendered. That means that the additional space doesn’t necessarily extend to the single physical pixel needed to resolve the issue.
2015-03-19 10:52:58 +00:00
svg.tc-image-button {
padding: 0px 1px 1px 0px;
}
Allow drag and drop in toolbar layout in control panel
2017-03-20 22:29:03 +00:00
.tc-icon-wrapper > svg {
width: 1em;
height: 1em;
}
Add styling for `<kbd>` elements
2015-05-14 09:16:29 +00:00
kbd {
display: inline-block;
padding: 3px 5px;
font-size: 0.8em;
line-height: 1.2;
color: <<colour foreground>>;
vertical-align: middle;
background-color: <<colour background>>;
border: solid 1px <<colour muted-foreground>>;
border-bottom-color: <<colour muted-foreground>>;
border-radius: 3px;
box-shadow: inset 0 -1px 0 <<colour muted-foreground>>;
}
Make selections follow palette colors (#4590)
2020-04-22 09:46:36 +00:00
::selection {
Fix Firefox bug with selection colours See https://github.com/Jermolene/TiddlyWiki5/commit/543f9107b6a9de5fe13542fa30d9a4483d8b3eb8#commitcomment-42849656
2020-09-30 16:59:39 +00:00
background-color: Highlight;
color: HighlightText;
Don't override browser selection colours by default Reverts some of #4590
2020-09-25 13:06:00 +00:00
background-color: <<colour selection-background>>;
color: <<colour selection-foreground>>;
Make selections follow palette colors (#4590)
2020-04-22 09:46:36 +00:00
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
Markdown likes putting code elements inside pre elements
*/
pre > code {
padding: 0;
border: none;
background-color: inherit;
color: inherit;
}
table {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour table-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: auto;
max-width: 100%;
caption-side: bottom;
Add margin on code blocks and tables
2014-03-11 08:29:11 +00:00
margin-top: 1em;
margin-bottom: 1em;
Fix #4327 table formatting problem introduced with normalize css 8.0.1 (#4328)
2019-10-18 10:01:10 +00:00
/* next 2 elements needed, since normalize 8.0.1 */
border-collapse: collapse;
border-spacing: 0;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
table th, table td {
padding: 0 7px 0 7px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border-top: 1px solid <<colour table-border>>;
border-left: 1px solid <<colour table-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
table thead tr td, table th {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour table-header-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-weight: bold;
}
table tfoot tr td {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour table-footer-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-csv-table {
Add basic CSV parser
2014-03-31 11:41:02 +00:00
white-space: nowrap;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-frame img,
.tc-tiddler-frame svg,
.tc-tiddler-frame canvas,
.tc-tiddler-frame embed,
.tc-tiddler-frame iframe {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
max-width: 100%;
}
Improve embed and iframe styling These styles are intended for viewing PDF tiddlers directly
2014-08-31 13:44:04 +00:00
.tc-tiddler-body > embed,
.tc-tiddler-body > iframe {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: 100%;
height: 600px;
}
Add :root { color-sheme: ...; } to vanilla base (#6659)
2022-04-25 08:56:34 +00:00
:root {
color-scheme: {{{ [{$:/palette}get[color-scheme]] ~light }}};
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Links
*/
allows to style buttons as though internal links by assigning class="tc-btn-invisible tc-tiddlylink"
2014-12-11 16:34:43 +00:00
button.tc-tiddlylink,
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-decoration: none;
Revert tiddlylink font weight to match v5.1.23 Otherwise links to missing tiddlers are too skinny
2021-09-17 14:11:29 +00:00
font-weight: 500;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-link-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
-webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists a.tc-tiddlylink {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-tiddler-link-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists a.tc-tiddlylink:hover {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-tiddler-link-foreground-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
allows to style buttons as though internal links by assigning class="tc-btn-invisible tc-tiddlylink"
2014-12-11 16:34:43 +00:00
button.tc-tiddlylink:hover,
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink:hover {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-decoration: underline;
}
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink-resolves {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink-shadow {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-weight: bold;
}
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink-shadow.tc-tiddlylink-resolves {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-weight: normal;
}
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink-missing {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-style: italic;
}
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink-external {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-decoration: underline;
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour external-link-foreground>>;
background-color: <<colour external-link-background>>;
}
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink-external:visited {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour external-link-foreground-visited>>;
background-color: <<colour external-link-background-visited>>;
}
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
a.tc-tiddlylink-external:hover {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour external-link-foreground-hover>>;
background-color: <<colour external-link-background-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Fix hover colors of tag dropdown entries in sidebar (#4682)
2020-06-11 11:06:49 +00:00
.tc-drop-down a.tc-tiddlylink:hover {
color: <<colour tiddler-link-background>>;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Drag and drop styles
*/
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-dragger {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: relative;
z-index: -10000;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-dragger-inner {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: absolute;
Fix problem with dragger image in Chrome Fixes #2800
2017-03-12 18:07:59 +00:00
top: -1000px;
left: -1000px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: inline-block;
padding: 8px 20px;
font-size: 16.9px;
font-weight: bold;
line-height: 20px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour dragger-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
white-space: nowrap;
vertical-align: baseline;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour dragger-background>>;
Stop using obsoleted "-moz-border-radius" and "-webkit-border-radius" properties Fixes #480
2014-03-18 23:38:52 +00:00
border-radius: 20px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-dragger-cover {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: absolute;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour page-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Ensure dropzone is full size even if story river is empty Thanks @jeremyredhead Fixes #5446
2021-01-29 15:22:43 +00:00
.tc-page-container > .tc-dropzone {
min-height: 100vh;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-dropzone {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: relative;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-dropzone.tc-dragover:before {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
z-index: 10000;
display: block;
Use position:fixed for the drop indicator
2015-02-21 11:12:38 +00:00
position: fixed;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
top: 0;
left: 0;
right: 0;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background: <<colour dropzone-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-align: center;
Make dropzone text translateable Also make the text sticky for browsers that support it, ensuring that it is always visible even after scrolling
2014-08-19 12:07:57 +00:00
content: "<<lingo DropMessage>>";
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Allow drag and drop in toolbar layout in control panel
2017-03-20 22:29:03 +00:00
.tc-droppable > .tc-droppable-placeholder {
Improve support for drag and drop Documentation TBD
2017-03-19 19:33:56 +00:00
display: none;
}
Allow drag and drop in toolbar layout in control panel
2017-03-20 22:29:03 +00:00
.tc-droppable.tc-dragover > .tc-droppable-placeholder {
Improve support for drag and drop Documentation TBD
2017-03-19 19:33:56 +00:00
display: block;
border: 2px dashed <<colour dropzone-background>>;
}
.tc-draggable {
cursor: move;
}
Fix sticky draggable-placeholders in list macros (firefox) (#3823) * fix draggable lists for firefox (sticky placeholders) ff doesn't like whitespace and also those &nbsp; entities make problems placeholder is styled in vanilla base * tc-droppable-placeholder styles for tagged-draggable ... and links-draggable lists * make it beautiful
2019-03-10 20:05:18 +00:00
.tc-sidebar-tab-open .tc-droppable-placeholder, .tc-tagged-draggable-list .tc-droppable-placeholder,
.tc-links-draggable-list .tc-droppable-placeholder {
Fix for "Open" tab placeholders in FireFox (#3806) * fix for "Open" tab placeholders in FireFox this PR fixes the placeholders in FireFox not being removed on drag-leave from time to time it consists of 2 mods where apparently both are needed: - creating a `droppable-item` macro where whitespace is trimmed. that macro contains the droppable and inserts the placeholders - removing the `&nbsp;` entity in favor of an inline style `height:2em;` on the placeholder div, putting it in a macro where whitespace can be trimmed, too I'm investigating if there's a similar fix for the top page dropzone * remove unnecessary whitespace trim, add css classes `.tc-sidebar-tab-open-item { position: relative; }` `.tc-sidebar-tab-open .tc-droppable-placeholer { line-height:2em; height:2em; } ` * replace times entity with close-button * add sidebar-open-tab styles
2019-03-02 13:54:23 +00:00
line-height: 2em;
height: 2em;
}
.tc-sidebar-tab-open-item {
position: relative;
}
.tc-sidebar-tab-open .tc-btn-invisible.tc-btn-mini svg {
font-size: 0.7em;
fill: <<colour muted-foreground>>;
}
Display warning banner when plugins are modified Fixes #1455 @aelocson have I got the docs right for the new filter?
2015-02-08 19:40:15 +00:00
/*
** Plugin reload warning
*/
.tc-plugin-reload-warning {
z-index: 1000;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
background: <<colour alert-background>>;
text-align: center;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Buttons
*/
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
button svg, button img, label svg, label img {
Set vertical alignment for SVG in buttons Makes the buttons in the info panel “tools” tab look more like buttons on Chrome.
2014-07-29 11:06:04 +00:00
vertical-align: middle;
}
Rename "btn-invisible" class to "tc-btn-invisible" Part of #764
2014-08-28 16:28:32 +00:00
.tc-btn-invisible {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 0;
margin: 0;
background: none;
border: none;
Fix problem with tc-btn-invisible not correct fill color (#5288)
2020-12-16 16:20:14 +00:00
cursor: pointer;
Add missing foreground color to tc-btn-invisible (#4203)
2019-09-03 08:50:24 +00:00
color: <<colour foreground>>;
Fix problem with tc-btn-invisible not correct fill color (#5288)
2020-12-16 16:20:14 +00:00
fill: <<colour foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Correct pointer shape and color for disabled button (#5692) * Update base.tid this PR addresses the #5625 * Update base.tid The extra space has been removed!
2021-05-23 17:13:04 +00:00
button:disabled.tc-btn-invisible {
cursor: default;
color: <<colour muted-foreground>>;
}
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
.tc-btn-boxed {
font-size: 0.6em;
padding: 0.2em;
margin: 1px;
background: none;
border: 1px solid <<colour tiddler-controls-foreground>>;
border-radius: 0.25em;
}
html body.tc-body .tc-btn-boxed svg {
font-size: 1.6666em;
}
.tc-btn-boxed:hover {
Style tweaks for toolbar buttons
2015-07-02 15:59:35 +00:00
background: <<colour muted-foreground>>;
color: <<colour background>>;
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
}
html body.tc-body .tc-btn-boxed:hover svg {
Style tweaks for toolbar buttons
2015-07-02 15:59:35 +00:00
fill: <<colour background>>;
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
}
.tc-btn-rounded {
Style tweaks for toolbar buttons
2015-07-02 15:59:35 +00:00
font-size: 0.5em;
line-height: 2;
padding: 0em 0.3em 0.2em 0.4em;
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
margin: 1px;
Style tweaks for toolbar buttons
2015-07-02 15:59:35 +00:00
border: 1px solid <<colour muted-foreground>>;
background: <<colour muted-foreground>>;
color: <<colour background>>;
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
border-radius: 2em;
}
html body.tc-body .tc-btn-rounded svg {
font-size: 1.6666em;
Style tweaks for toolbar buttons
2015-07-02 15:59:35 +00:00
fill: <<colour background>>;
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
}
.tc-btn-rounded:hover {
Style tweaks for toolbar buttons
2015-07-02 15:59:35 +00:00
border: 1px solid <<colour muted-foreground>>;
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
background: <<colour background>>;
Style tweaks for toolbar buttons
2015-07-02 15:59:35 +00:00
color: <<colour muted-foreground>>;
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
}
html body.tc-body .tc-btn-rounded:hover svg {
Style tweaks for toolbar buttons
2015-07-02 15:59:35 +00:00
fill: <<colour muted-foreground>>;
First pass at selectable toolbar button styles There’s not much to making the toolbar button styles switchable: the change to the PageTemplate introduces a new configuration tiddler that controls the button styling. Most of this commit is the user interface for changing that setting, including the translatable text. I think this again demonstrates that we need to be very selective about which configuration options have a UI included in the core. Otherwise, a few dozen more of these settings will start to become a significant fraction of the core.
2015-07-02 07:57:06 +00:00
}
Rename "btn-icon" class "tc-btn-icon" Part of #764
2014-08-28 16:29:23 +00:00
.tc-btn-icon svg {
Add delete icon for the tiddler type editor
2014-01-20 11:21:12 +00:00
height: 1em;
width: 1em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour muted-foreground>>;
Add delete icon for the tiddler type editor
2014-01-20 11:21:12 +00:00
}
Fix ViewToolbar items inconsistent spacing (#5473)
2021-05-24 18:24:37 +00:00
Add span wrapper around button caption text Reasons: - can show or hide the button text with CSS (assuming tv-config-toolbar-text is yes). - can have different looking buttons in the page controls versus the view toolbar, etc - more flexibility styling the button appearance, for example you can change the text size compared to the icon size - button appearance is more themeable
2014-10-11 14:26:51 +00:00
.tc-btn-text {
Fix ViewToolbar items inconsistent spacing (#5473)
2021-05-24 18:24:37 +00:00
margin-left: 7px;
Add span wrapper around button caption text Reasons: - can show or hide the button text with CSS (assuming tv-config-toolbar-text is yes). - can have different looking buttons in the page controls versus the view toolbar, etc - more flexibility styling the button appearance, for example you can change the text size compared to the icon size - button appearance is more themeable
2014-10-11 14:26:51 +00:00
}
Add data attributes to ViewTemplate (#3209) * change 3 set-widgets to 1 var-widget call. Add data-tags and userClass. * add new documentation and change the existing one accordingly.
2018-04-24 21:08:20 +00:00
/* used for documentation "fake" buttons */
.tc-btn-standard {
line-height: 1.8;
color: #667;
background-color: #e0e0e0;
border: 1px solid #888;
padding: 2px 1px 2px 1px;
margin: 1px 4px 1px 4px;
}
Rename class "btn-big-green" to "tc-btn-big-green" Part of #764
2014-08-28 16:30:12 +00:00
.tc-btn-big-green {
Tweaks for big green buttons Make the images larger, and switch to display: inline-block so that we get better behaviour with line wrapping.
2015-03-30 19:20:42 +00:00
display: inline-block;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 8px;
Block quote styles
2013-12-05 16:20:37 +00:00
margin: 4px 8px 4px 8px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background: <<colour download-background>>;
color: <<colour download-foreground>>;
fill: <<colour download-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
border: none;
big-green button: border-radius 2px make it a bit more beautiful
2019-07-08 09:14:32 +00:00
border-radius: 2px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-size: 1.2em;
line-height: 1.4em;
Add GitHub and Twitter buttons
2015-03-25 08:38:06 +00:00
text-decoration: none;
}
.tc-btn-big-green svg,
.tc-btn-big-green img {
Tweaks for big green buttons Make the images larger, and switch to display: inline-block so that we get better behaviour with line wrapping.
2015-03-30 19:20:42 +00:00
height: 2em;
width: 2em;
Add GitHub and Twitter buttons
2015-03-25 08:38:06 +00:00
vertical-align: middle;
Close subwindows when closing main window
2015-05-03 15:24:02 +00:00
fill: <<colour download-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
More Plugins - Button: use primary color (#4075) * Update AddPlugins.tid * Update base.tid * Update AddPlugins.tid * Update AddPlugins.tid * Update base.tid
2019-07-30 12:49:40 +00:00
.tc-primary-btn {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
background: <<colour primary>>;
More Plugins - Button: use primary color (#4075) * Update AddPlugins.tid * Update base.tid * Update AddPlugins.tid * Update AddPlugins.tid * Update base.tid
2019-07-30 12:49:40 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists input {
Fix styling for input boxes in sidebar
2014-03-25 21:53:18 +00:00
color: <<colour foreground>>;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists button {
Update to latest version of normalize.css and fix tab styling Tab styling was inconsistent on Firefox due to some line-height issues.
2014-03-12 20:05:34 +00:00
color: <<colour sidebar-button-foreground>>;
Fixes for import button position
2014-08-02 11:16:14 +00:00
fill: <<colour sidebar-button-foreground>>;
Update to latest version of normalize.css and fix tab styling Tab styling was inconsistent on Firefox due to some line-height issues.
2014-03-12 20:05:34 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists button.tc-btn-mini {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists button.tc-btn-mini:hover {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-muted-foreground-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Make search-matches button discoverable on dark palettes (#5232)
2020-12-07 17:29:42 +00:00
.tc-sidebar-lists button small {
color: <<colour foreground>>;
}
Rename "tw-image-*" classes to "tc-image-*" Part of #764
2014-08-28 16:47:43 +00:00
button svg.tc-image-button, button .tc-image-button img {
Add a class to the button icon SVGs So that we can default their size to 1em
2013-11-29 17:11:48 +00:00
height: 1em;
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
width: 1em;
Add a class to the button icon SVGs So that we can default their size to 1em
2013-11-29 17:11:48 +00:00
}
Add banner for unfolding tiddlers
2015-09-18 16:29:52 +00:00
.tc-unfold-banner {
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
position: absolute;
Add banner for unfolding tiddlers
2015-09-18 16:29:52 +00:00
padding: 0;
margin: 0;
background: none;
border: none;
width: 100%;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
width: calc(100% + 2px);
margin-left: -43px;
Add banner for unfolding tiddlers
2015-09-18 16:29:52 +00:00
text-align: center;
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
border-top: 2px solid <<colour tiddler-info-background>>;
margin-top: 4px;
Add banner for unfolding tiddlers
2015-09-18 16:29:52 +00:00
}
.tc-unfold-banner:hover {
background: <<colour tiddler-info-background>>;
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
border-top: 2px solid <<colour tiddler-info-border>>;
Add banner for unfolding tiddlers
2015-09-18 16:29:52 +00:00
}
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
.tc-unfold-banner svg, .tc-fold-banner svg {
Add banner for unfolding tiddlers
2015-09-18 16:29:52 +00:00
height: 0.75em;
fill: <<colour tiddler-controls-foreground>>;
}
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
.tc-unfold-banner:hover svg, .tc-fold-banner:hover svg {
Add banner for unfolding tiddlers
2015-09-18 16:29:52 +00:00
fill: <<colour tiddler-controls-foreground-hover>>;
}
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
.tc-fold-banner {
position: absolute;
padding: 0;
margin: 0;
background: none;
border: none;
width: 23px;
text-align: center;
margin-left: -35px;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
top: 6px;
bottom: 6px;
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
}
.tc-fold-banner:hover {
background: <<colour tiddler-info-background>>;
}
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
@media (max-width: <<sidebarbreakpoint-minus-one>>) {
Replace spaces with margins in editor toolbar (#2429) (#2435)
2016-05-11 17:09:54 +00:00
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
.tc-unfold-banner {
position: static;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
width: calc(100% + 59px);
}
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
.tc-fold-banner {
width: 16px;
margin-left: -16px;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
font-size: 0.75em;
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
}
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Tags and missing tiddlers
*/
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tag-list-item {
Force position:relative on tag pills This avoids a problem with tag pills not working properly within table cells.
2014-02-06 12:48:10 +00:00
position: relative;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: inline-block;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tags-wrapper {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin: 4px 0 14px 0;
}
Fix the right margin of tags used outside of the tags wrapper (#5440)
2021-01-29 18:16:41 +00:00
.tc-tags-wrapper .tc-tag-list-item {
margin-right: 7px;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-missing-tiddler-label {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-style: italic;
font-weight: normal;
display: inline-block;
font-size: 11.844px;
line-height: 14px;
white-space: nowrap;
vertical-align: baseline;
}
Make tags in tags-dropdown change bg-color on hover (#4753)
2020-07-14 11:32:51 +00:00
.tc-block-tags-dropdown > .tc-btn-invisible:hover {
background-color: <<colour primary>>;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
button.tc-tag-label, span.tc-tag-label {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: inline-block;
Tweak tag pill shape
2014-11-02 21:22:45 +00:00
padding: 0.16em 0.7em;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-size: 0.9em;
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
line-height: 1.2em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tag-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
white-space: nowrap;
vertical-align: baseline;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tag-background>>;
Make tag pills rounder The tag pills were looking less like pills at larger font sizes, because of the absolute units used for the corner roundness.
2014-10-31 10:02:09 +00:00
border-radius: 1em;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Remove text-shadow for tags in sidebar (#4245) For consistency with tags in the main story river
2019-09-07 08:27:00 +00:00
.tc-sidebar-scrollable .tc-tag-label {
text-shadow: none;
}
Adjust untagged divider styling Further fixes for #913
2014-09-27 15:56:59 +00:00
.tc-untagged-separator {
width: 10em;
left: 0;
margin-left: 0;
border: 0;
height: 1px;
background: <<colour tab-divider>>;
}
tc-untagged-label because button.tc-tag-label is more specific and also defines the background color. ... weak design
2014-10-02 13:41:40 +00:00
button.tc-untagged-label {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour untagged-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tag-label svg, .tc-tag-label img {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
height: 1em;
width: 1em;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
margin-right: 3px;
Remove &nbsp from tag pill in edit mode (#4366) * remove &nbsp from tag pill in edit mode PR: fix missing space between edittemplate tags #3585 introduced an unbreakable space ... The `&nbsp` isn't needed and **causes problems**, if users copy&paste the tag text, because the "new" tag in the text input field now contains an space in front of the tag. This space invalidates the tag, so it doesn't function anymore. see [comment in GG](https://groups.google.com/d/msg/tiddlywiki/RQEyqPQIZSM/uaU7lgJJAAAJ) .. I also had a problem like this some time ago, which costed me several hours of debugging. * Update base.tid * Update tag.tid
2019-11-07 12:39:14 +00:00
margin-bottom: 1px;
Fix alignment of tag-pill icons (#4683)
2020-06-11 11:07:23 +00:00
vertical-align: bottom;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Tags edittemplate: replace &times; with svg (#3859) * tags edittemplate: replace &times; with close-button svg * make close-button smaller + v-aligned middle
2019-06-26 11:34:18 +00:00
.tc-edit-tags button.tc-remove-tag-button svg {
font-size: 0.7em;
vertical-align: middle;
}
Fix wrapping of tags in tag manager Now long tags wrap onto multiple lines. I think they look quite good, and we may want to consider using the same technique in the view template.
2014-11-18 14:07:00 +00:00
.tc-tag-manager-table .tc-tag-label {
white-space: normal;
}
change tag manager layout, and add css rule
2014-11-03 22:07:00 +00:00
.tc-tag-manager-tag {
width: 100%;
}
Remove bad outline style from remove-tag-button (#3602)
2018-12-01 13:59:39 +00:00
button.tc-btn-invisible.tc-remove-tag-button {
outline: none;
}
Keyboard-driven dropdown inputs (#4725) * Add shortcut descriptions to Misc.multids * Update framed.js * Update simple.js * Add inputActions and refreshTitle to factory.js * Add inputActions and refreshTitle to edit.js * Update DefaultSearchResultList.tid * Update search.tid * Update ShortcutInfo.multids * Update shortcuts.multids * Create keyboard-driven-input.tid * Update tag-picker.tid * Create keyboard-driven-input_Macro.tid * Update EditTextWidget.tid * Update EditWidget.tid * Update engine.js * Update base.tid * Use primaryListFilter, secondaryListFilter, primaryList and secondaryList * Update tag-picker.tid * Update search.tid * Update DefaultSearchResultList.tid * Update keyboard-driven-input_Macro.tid * Fix typo udpate -> update * Update framed.js
2020-07-13 16:42:55 +00:00
.tc-tag-button-selected,
Add ability to navigate fieldname-dropdown by keyboard (#4921) * make fields EditTemplate navigatable by keyboard * Add configuration tiddler for fieldname-dropdown filters * Update base.tid
2020-10-28 11:59:36 +00:00
.tc-list-item-selected a.tc-tiddlylink, a.tc-list-item-selected {
Keyboard-driven dropdown inputs (#4725) * Add shortcut descriptions to Misc.multids * Update framed.js * Update simple.js * Add inputActions and refreshTitle to factory.js * Add inputActions and refreshTitle to edit.js * Update DefaultSearchResultList.tid * Update search.tid * Update ShortcutInfo.multids * Update shortcuts.multids * Create keyboard-driven-input.tid * Update tag-picker.tid * Create keyboard-driven-input_Macro.tid * Update EditTextWidget.tid * Update EditWidget.tid * Update engine.js * Update base.tid * Use primaryListFilter, secondaryListFilter, primaryList and secondaryList * Update tag-picker.tid * Update search.tid * Update DefaultSearchResultList.tid * Update keyboard-driven-input_Macro.tid * Fix typo udpate -> update * Update framed.js
2020-07-13 16:42:55 +00:00
background-color: <<colour primary>>;
color: <<colour tiddler-background>>;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Page layout
*/
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-topbar {
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
position: fixed;
z-index: 1200;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-topbar-left {
Move topbar out of the way of scrollbars In the process getting rid of some extraneous `<p>` tags. Fixes #566
2014-04-19 10:32:56 +00:00
left: 29px;
top: 5px;
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-topbar-right {
Move topbar out of the way of scrollbars In the process getting rid of some extraneous `<p>` tags. Fixes #566
2014-04-19 10:32:56 +00:00
top: 5px;
right: 29px;
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
}
Adjustments for narrow screens (#5079)
2020-11-20 14:00:56 +00:00
@media (max-width: <<sidebarbreakpoint-minus-one>>) {
.tc-topbar-right {
right: 10px;
}
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-topbar button {
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
padding: 8px;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-topbar svg {
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
fill: <<colour muted-foreground>>;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-topbar button:hover svg {
Add a top-left and top-right menu
2014-03-25 21:54:06 +00:00
fill: <<colour foreground>>;
}
Move styles from menubar plugin to vanilla/base (#5019) * Update styles.tid * Update base.tid * Update styles.tid * Update base.tid
2020-11-09 18:18:30 +00:00
@media (max-width: <<sidebarbreakpoint-minus-one>>) {
.tc-show-sidebar-btn svg.tc-image-chevron-left, .tc-hide-sidebar-btn svg.tc-image-chevron-right {
transform: rotate(-90deg);
}
}
Rename "sidebar-header" class to "tc-sidebar-header" Part of #764
2014-08-28 16:27:03 +00:00
.tc-sidebar-header {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour sidebar-foreground>>;
Use SVG icons for expand/collapse
2014-06-21 10:49:42 +00:00
fill: <<colour sidebar-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename "tw-tiddlylink-*" classes to "tc-tiddlylink-*" Part of #764
2014-08-28 17:13:46 +00:00
.tc-sidebar-header .tc-title a.tc-tiddlylink-resolves {
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-header .tc-sidebar-lists p {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin-top: 3px;
margin-bottom: 3px;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-header .tc-missing-tiddler-label {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour sidebar-foreground>>;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-advanced-search input {
Add dropdown of canned filter searches Now you can pick from a dropdown of predefined filtered searches in the advanced search filter tab.
2014-03-10 18:16:10 +00:00
width: 60%;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-search a svg {
Increase size of search cancel button
2014-10-07 21:11:43 +00:00
width: 1.2em;
height: 1.2em;
vertical-align: middle;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-page-controls {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin-top: 14px;
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
font-size: 1.5em;
}
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
.tc-page-controls .tc-drop-down {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
font-size: 1rem;
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-page-controls button {
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
margin-right: 0.5em;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-page-controls a.tc-tiddlylink:hover {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-decoration: none;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-page-controls img {
Add language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
width: 1em;
}
Use tiddler control colour for search icons Fixes #1787
2015-07-18 11:22:35 +00:00
.tc-page-controls svg {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour sidebar-controls-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Use tiddler control colour for search icons Fixes #1787
2015-07-18 11:22:35 +00:00
.tc-page-controls button:hover svg, .tc-page-controls a:hover svg {
Typos and style tweaks
2014-02-23 23:09:58 +00:00
fill: <<colour sidebar-controls-foreground-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Menu lists should only use white-space: nowrap in the sidebar Fixes #5030
2020-11-13 18:00:37 +00:00
.tc-sidebar-lists .tc-menu-list-item {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
white-space: nowrap;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-menu-list-count {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-weight: bold;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-menu-list-subitem {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding-left: 7px;
}
Rename "story-river" class to "tc-story-river" Part of #764
2014-08-28 16:26:21 +00:00
.tc-story-river {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: relative;
}
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
@media (max-width: <<sidebarbreakpoint-minus-one>>) {
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +00:00
Rename "sidebar-header" class to "tc-sidebar-header" Part of #764
2014-08-28 16:27:03 +00:00
.tc-sidebar-header {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 14px;
Revert incomplete experimental change to narrow screen layout Fixes #1911
2015-09-09 16:12:36 +00:00
min-height: 32px;
Respect "storytop" metric when in narrow layout Previously we were only respecting it when in the wide layout
2014-12-10 15:29:03 +00:00
margin-top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};
Move styles from menubar plugin to vanilla/base (#5019) * Update styles.tid * Update base.tid * Update styles.tid * Update base.tid
2020-11-09 18:18:30 +00:00
transition: min-height {{$:/config/AnimationDuration}}ms ease-in-out, padding-top {{$:/config/AnimationDuration}}ms ease-in-out, padding-bottom {{$:/config/AnimationDuration}}ms ease-in-out;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Move styles from menubar plugin to vanilla/base (#5019) * Update styles.tid * Update base.tid * Update styles.tid * Update base.tid
2020-11-09 18:18:30 +00:00
<<if-no-sidebar """
.tc-sidebar-header {
min-height: 0;
padding-top: 0;
padding-bottom: 0;
}
""">>
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
Rename "story-river" class to "tc-story-river" Part of #764
2014-08-28 16:26:21 +00:00
.tc-story-river {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: relative;
padding: 0;
}
}
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
@media (min-width: <<sidebarbreakpoint>>) {
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +00:00
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
.tc-message-box {
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +00:00
margin: 21px -21px 21px -21px;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-scrollable {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: fixed;
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};
left: {{$:/themes/tiddlywiki/vanilla/metrics/storyright}};
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
bottom: 0;
right: 0;
overflow-y: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 0 0 0 -42px;
Tweaks to themes And shaking out some paragraph tags in the sidebar
2014-04-14 17:37:09 +00:00
padding: 71px 0 28px 42px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Add experimental support for RTL languages This commit permits language plugins to carry the field “text-direction” with the value “rtl” to trigger right-to-left layout of the entire page. We also adjust the sidebar layout to work in RTL mode. There are still a number of problems to be addressed: * Brackets and other punctuation incorrectly placed within en-GB UI text * System tiddler titles are rendered semi-back-to-front (eg `languages/ca-ES/:$`) Starting to address #1845 and the discussion in #2523.
2016-08-15 18:47:26 +00:00
html[dir="rtl"] .tc-sidebar-scrollable {
left: auto;
right: {{$:/themes/tiddlywiki/vanilla/metrics/storyright}};
}
Rename "story-river" class to "tc-story-river" Part of #764
2014-08-28 16:26:21 +00:00
.tc-story-river {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: relative;
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
left: {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}};
top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};
width: {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}};
Pixel accuracy for restoring pre-refactor layout Two problems: * Extraneous whitespace shows up as whitespace in the HTML, making it hard to style * Fix some padding
2014-04-09 21:19:27 +00:00
padding: 42px 42px 42px 42px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Make tiddler width fluid when sidebar hidden
2014-04-12 16:14:27 +00:00
<<if-no-sidebar "
Rename "story-river" class to "tc-story-river" Part of #764
2014-08-28 16:26:21 +00:00
.tc-story-river {
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
width: calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}});
Make tiddler width fluid when sidebar hidden
2014-04-12 16:14:27 +00:00
}
">>
Fix StaticRiver exporter width of static tiddlers (#5099) * Add tc-static-story-river class to StaticRiver exporter * Update base.tid
2020-11-23 18:06:46 +00:00
.tc-story-river.tc-static-story-river {
margin-right: 0;
padding-right: 42px;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
@media print {
Hide page background when printing
2014-07-09 14:22:53 +00:00
Rename more `tw-` classes to `tc-` Part of #764
2014-08-28 18:00:57 +00:00
body.tc-body {
Hide page background when printing
2014-07-09 14:22:53 +00:00
background-color: transparent;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-header, .tc-topbar {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: none;
}
Rename "story-river" class to "tc-story-river" Part of #764
2014-08-28 16:26:21 +00:00
.tc-story-river {
Further refinements to print stylesheet Try this @giffmex
2014-07-09 16:00:41 +00:00
margin: 0;
padding: 0;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-story-river .tc-tiddler-frame {
Further refinements to print stylesheet Try this @giffmex
2014-07-09 16:00:41 +00:00
margin: 0;
border: none;
Remove tiddler frame padding in print view It was wasting a border around each page.
2016-07-20 21:09:41 +00:00
padding: 0;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
}
/*
** Tiddler styles
*/
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-frame {
Add full-width "unfold" button for folded tiddlers And also a full-height “fold” button for unfolded tiddlers. Trying to address #1908
2015-09-18 18:45:18 +00:00
position: relative;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin-bottom: 28px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-background>>;
Convert @giffmex themes into colour palettes Although there are some style changes in the existing themes they’re mostly a matter of a changed palette. @giffmex - I’ll send you a prerelease of 5.0.8 so that you can tweak the palettes if you’ve got time.
2014-02-22 11:00:51 +00:00
border: 1px solid <<colour tiddler-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Make sticky titles be a theme tweak for Vanilla theme Fixes #1599 (albeit brutally!)
2015-03-22 10:15:43 +00:00
{{$:/themes/tiddlywiki/vanilla/sticky}}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-info {
Fix tiddler info area content bleeding on close animation (#5453)
2021-01-29 14:34:06 +00:00
overflow: hidden;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 14px 42px 14px 42px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-info-background>>;
border-top: 1px solid <<colour tiddler-info-border>>;
border-bottom: 1px solid <<colour tiddler-info-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-info p {
Fixes for import button position
2014-08-02 11:16:14 +00:00
margin-top: 3px;
margin-bottom: 3px;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tiddler-info .tc-tab-buttons button.tc-tab-selected {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-info-tab-background>>;
border-bottom: 1px solid <<colour tiddler-info-tab-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Adjustments for narrow screens (#5079)
2020-11-20 14:00:56 +00:00
@media (max-width: <<sidebarbreakpoint-minus-one>>) {
.tc-tiddler-info {
padding: 14px 14px 14px 14px;
}
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-view-field-table {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: 100%;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-view-field-name {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: 1%; /* Makes this column be as narrow as possible */
Avoid wraping field names in field viewers Also avoid wikifying field names
2021-12-08 19:29:02 +00:00
white-space: nowrap;
vertical-align: top;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-align: right;
font-style: italic;
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-view-field-value {
word break property when viewing field values (#1661)
2021-06-14 09:37:04 +00:00
word-break: break-all;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
@media (max-width: <<sidebarbreakpoint-minus-one>>) {
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-frame {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 14px 14px 14px 14px;
Adjustments for narrow screens (#5079)
2020-11-20 14:00:56 +00:00
margin-bottom: .5em;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-info {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin: 0 -14px 0 -14px;
}
}
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
@media (min-width: <<sidebarbreakpoint>>) {
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-frame {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 28px 42px 42px 42px;
Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views.
2014-07-06 15:55:51 +00:00
width: {{$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth}};
Add 2px rounded corners to tiddlers and tabs An experiment; comments welcome.
2014-11-26 11:22:04 +00:00
border-radius: 2px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Make tiddler width fluid when sidebar hidden
2014-04-12 16:14:27 +00:00
<<if-no-sidebar "
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-frame {
Tweaks to themes And shaking out some paragraph tags in the sidebar
2014-04-14 17:37:09 +00:00
width: 100%;
Make tiddler width fluid when sidebar hidden
2014-04-12 16:14:27 +00:00
}
">>
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-info {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin: 0 -42px 0 -42px;
}
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-site-title,
Rename "titlebar" class to "tc-titlebar" Part of #764
2014-08-28 16:21:40 +00:00
.tc-titlebar {
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-size: 2.35em;
fix titlebar line-height for chrome (#5122)
2020-11-25 16:27:31 +00:00
line-height: 1.35em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-title-foreground>>;
Use H1 for tiddler titles Part of #650
2014-06-15 07:37:58 +00:00
margin: 0;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Introduce site-title-foreground to palette
2015-04-02 11:39:08 +00:00
.tc-site-title {
color: <<colour site-title-foreground>>;
}
Tweak tiddler icon position
2014-11-22 09:43:01 +00:00
.tc-tiddler-title-icon {
vertical-align: middle;
Remove unwanted whitespace from sidebar links (#4552) * add a new-line before the log text to increase readability of the test output * make eslint, jslint happy * it shouldn't be there * fremove this file from my PRs * fix 4532. Links should not add unwanted whitespace, since this causes problems with CSS styling * remove whitespace from tiddler title and add a little bit of margin-right to the tiddler icon. * use default parameters for link handling, which results in less code * introduce tc-viewswitcher class to be able to style icon distance to text
2020-04-15 11:35:35 +00:00
margin-right: .1em;
Tweak tiddler icon position
2014-11-22 09:43:01 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-system-title-prefix {
Enhance tiddler title for system tiddlers Now the $:/ part of the name is rendered in grey, making the main part of the title more prominent. @tobibeer suggested this a long time ago; good idea!
2014-03-13 17:40:53 +00:00
color: <<colour muted-foreground>>;
}
Improved fix for h2 title bar markup Fixes the problem @pmario raised at https://github.com/Jermolene/TiddlyWiki5/commit/09a3f94d79fc6eacbfd46c86 594748e996191eb2#commitcomment-8488743
2014-11-08 17:51:35 +00:00
.tc-titlebar h2 {
font-size: 1em;
display: inline;
}
Rename "titlebar" class to "tc-titlebar" Part of #764
2014-08-28 16:21:40 +00:00
.tc-titlebar img {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
height: 1em;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-subtitle {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-size: 0.9em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-subtitle-foreground>>;
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Remove unwanted whitespace from sidebar links (#4552) * add a new-line before the log text to increase readability of the test output * make eslint, jslint happy * it shouldn't be there * fremove this file from my PRs * fix 4532. Links should not add unwanted whitespace, since this causes problems with CSS styling * remove whitespace from tiddler title and add a little bit of margin-right to the tiddler icon. * use default parameters for link handling, which results in less code * introduce tc-viewswitcher class to be able to style icon distance to text
2020-04-15 11:35:35 +00:00
.tc-subtitle .tc-tiddlylink {
margin-right: .3em;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-missing .tc-title {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
font-style: italic;
font-weight: normal;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-frame .tc-tiddler-controls {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
float: right;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-controls .tc-drop-down {
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
font-size: 0.6em;
}
Fixes to make nested popups work Thus making the export button a lot more useful
2014-11-21 17:07:03 +00:00
.tc-tiddler-controls .tc-drop-down .tc-drop-down {
font-size: 1em;
}
Fix some toolbar margin issues Some toolbar buttons are nested inside more than one span
2017-07-11 13:42:05 +00:00
.tc-tiddler-controls > span > button,
.tc-tiddler-controls > span > span > button,
.tc-tiddler-controls > span > span > span > button {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
vertical-align: baseline;
fixed toolbar button spacing * removed trailing whitespaces in button tids * defined a global left margin for buttons set to 5px * slightly less than in view-mode before * slightly more than in edit-mode before * but visually more appealing to me * leaves a wee more room for the title to unfold
2014-11-23 16:32:29 +00:00
margin-left:5px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Use tiddler control colour for search icons Fixes #1787
2015-07-18 11:22:35 +00:00
.tc-tiddler-controls button svg, .tc-tiddler-controls button img,
.tc-search button svg, .tc-search a svg {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour tiddler-controls-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Increase size of icons in Advanced Search/Filter An easy one. Fixes #2464
2016-09-13 18:26:37 +00:00
.tc-tiddler-controls button svg, .tc-tiddler-controls button img {
height: 0.75em;
}
.tc-search button svg, .tc-search a svg {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
height: 1.2em;
width: 1.2em;
margin: 0 0.25em;
Increase size of icons in Advanced Search/Filter An easy one. Fixes #2464
2016-09-13 18:26:37 +00:00
}
Provide styles for selected page control buttons
2015-02-20 22:42:14 +00:00
.tc-tiddler-controls button.tc-selected svg,
.tc-page-controls button.tc-selected svg {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour tiddler-controls-foreground-selected>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Use tiddler control colour for search icons Fixes #1787
2015-07-18 11:22:35 +00:00
.tc-tiddler-controls button.tc-btn-invisible:hover svg,
.tc-search button:hover svg, .tc-search a:hover svg {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour tiddler-controls-foreground-hover>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
@media print {
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-controls {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: none;
}
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-help { /* Help prompts within tiddler template */
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin-top: 14px;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-help a.tc-tiddlylink {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour very-muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
.tc-tiddler-frame .tc-edit-texteditor {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: 100%;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
margin: 4px 0 4px 0;
}
.tc-tiddler-frame input.tc-edit-texteditor,
.tc-tiddler-frame textarea.tc-edit-texteditor,
Add a cascade for rendering fields within the Edit Template (#6511) * Allow the rendering of fields to be extended This commit extends the `$:/core/ui/EditTemplate/fields` tiddler to use a new cascade (Field Editor Cascade) to allow customizing the rendering of the field editor. It provides a default element for the cascade that displays the standard EditTextWidget as a fallback. That way, the implementation is completely backwards compatible. The `currentTiddler` and `currentField` variables are available in the transcluded tiddler. This has the additional benefit, that not only the `EditTextWidget` can be used. The user can use a dropdown-list or even something completely crazy. As long as it can be put into a tiddler that updates the field, it will be fine. * Make `select` Tags in Fields look like the rest This patch updates the CSS to make `tc-edit-texteditor` usable on `select`-tags as well. I'm not sure what `-webkit-appearance: none;` is for, but it hides the DropDown-arrow in Chrome and makes the select-tag hard to discover. I've changed the css to only apply it to the input tag. Maybe it can be removed altogether. * Add documentation for the Field Editor Cascade
2022-03-17 17:06:24 +00:00
.tc-tiddler-frame iframe.tc-edit-texteditor,
.tc-tiddler-frame select.tc-edit-texteditor {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 3px 3px 3px 3px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour tiddler-editor-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
line-height: 1.3em;
Make editor font configurable, so user can easily change it to eg monospace font (#2867)
2017-06-29 15:55:49 +00:00
font-family: {{$:/themes/tiddlywiki/vanilla/settings/editorfontfamily}};
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Make tiddler-editor iframe same color as tiddler background (#5132)
2020-11-28 14:07:46 +00:00
.tc-tiddler-frame input.tc-edit-texteditor,
Add a cascade for rendering fields within the Edit Template (#6511) * Allow the rendering of fields to be extended This commit extends the `$:/core/ui/EditTemplate/fields` tiddler to use a new cascade (Field Editor Cascade) to allow customizing the rendering of the field editor. It provides a default element for the cascade that displays the standard EditTextWidget as a fallback. That way, the implementation is completely backwards compatible. The `currentTiddler` and `currentField` variables are available in the transcluded tiddler. This has the additional benefit, that not only the `EditTextWidget` can be used. The user can use a dropdown-list or even something completely crazy. As long as it can be put into a tiddler that updates the field, it will be fine. * Make `select` Tags in Fields look like the rest This patch updates the CSS to make `tc-edit-texteditor` usable on `select`-tags as well. I'm not sure what `-webkit-appearance: none;` is for, but it hides the DropDown-arrow in Chrome and makes the select-tag hard to discover. I've changed the css to only apply it to the input tag. Maybe it can be removed altogether. * Add documentation for the Field Editor Cascade
2022-03-17 17:06:24 +00:00
.tc-tiddler-frame textarea.tc-edit-texteditor,
.tc-tiddler-frame iframe.tc-edit-texteditor {
-webkit-appearance: none;
}
.tc-tiddler-frame input.tc-edit-texteditor,
.tc-tiddler-frame select.tc-edit-texteditor,
Make tiddler-editor iframe same color as tiddler background (#5132)
2020-11-28 14:07:46 +00:00
.tc-tiddler-frame textarea.tc-edit-texteditor {
background-color: <<colour tiddler-editor-background>>;
}
.tc-tiddler-frame iframe.tc-edit-texteditor {
Fix typo in vanilla/base (#5135)
2020-11-28 21:13:18 +00:00
background-color: <<colour tiddler-background>>;
Make tiddler-editor iframe same color as tiddler background (#5132)
2020-11-28 14:07:46 +00:00
}
Fix regressions cause by PR #6511 (#6567) * Fix field edit bug This fixes the field edit bug mentioned in https://talk.tiddlywiki.org/t/possible-field-editing-bug-in-5-2-2/2884 . * Revert "Fix visual regression in #6511" This reverts commit c920960942f48c07e95e56e175cf2b018fb3ec9e. * Add new class `tc-edit-fieldeditor` This class must be added to input and select elements that are used as field editors. This class reduces the line height of the input element if it is displayed within the `tc-edit-fields` part of the edit template. This allows the same input and select elements to be used for editing and adding fields. * Add the new class `tc-edit-field` to the docs The example in `Customizing EditTemplate Field Rendering` now uses the new CSS classes.
2022-04-01 10:42:16 +00:00
.tc-tiddler-frame .tc-edit-fields input.tc-edit-fieldeditor,
.tc-tiddler-frame .tc-edit-fields select.tc-edit-fieldeditor,
.tc-tiddler-frame .tc-edit-fields textarea.tc-edit-fieldeditor {
margin: 0;
padding: 2px 3px;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-tiddler-frame .tc-binary-warning {
Add banner for binary tiddlers in edit mode Makes it easier to add tags to a binary tiddler (eg a PDF).
2014-05-02 08:43:39 +00:00
width: 100%;
height: 5em;
text-align: center;
padding: 3em 3em 6em 3em;
background: <<colour alert-background>>;
border: 1px solid <<colour alert-border>>;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
canvas.tc-edit-bitmapeditor {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 6px solid <<colour tiddler-editor-border-image>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
cursor: crosshair;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
margin-top: 6px;
margin-bottom: 6px;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-bitmapeditor-width {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: block;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-bitmapeditor-height {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: block;
}
clears tiddler body for when one adds right-floating element to subtitle otherwise has no effect
2015-09-26 10:22:17 +00:00
.tc-tiddler-body {
clear: both;
}
Experiment with slightly bigger body text Trying to improve readability
2014-09-10 20:56:43 +00:00
.tc-tiddler-frame .tc-tiddler-body {
Add theme tweaks for body text size Fixes #891
2014-10-22 07:32:36 +00:00
font-size: {{$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize}};
line-height: {{$:/themes/tiddlywiki/vanilla/metrics/bodylineheight}};
Experiment with slightly bigger body text Trying to improve readability
2014-09-10 20:56:43 +00:00
}
Yet more fixing for the Firefox jumping toolbar problem... See #282
2014-10-10 19:32:12 +00:00
.tc-titlebar, .tc-tiddler-edit-title {
Correct fix for #282 Thanks @pmario and @andrey013
2014-10-05 11:44:06 +00:00
overflow: hidden; /* https://github.com/Jermolene/TiddlyWiki5/issues/282 */
}
Close subwindows when closing main window
2015-05-03 15:24:02 +00:00
html body.tc-body.tc-single-tiddler-window {
margin: 1em;
Correct tiddler background colour Bitmap backgrounds won’t get overridden unless we override the entire background property.
2015-05-03 16:05:34 +00:00
background: <<colour tiddler-background>>;
Close subwindows when closing main window
2015-05-03 15:24:02 +00:00
}
Size single tiddler window content to fit
2015-05-06 17:09:22 +00:00
.tc-single-tiddler-window img,
.tc-single-tiddler-window svg,
.tc-single-tiddler-window canvas,
.tc-single-tiddler-window embed,
.tc-single-tiddler-window iframe {
max-width: 100%;
}
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
/*
** Editor
*/
.tc-editor-toolbar {
Replace spaces with margins in editor toolbar (#2429) (#2435)
2016-05-11 17:09:54 +00:00
margin-top: 8px;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
}
.tc-editor-toolbar button {
vertical-align: middle;
background-color: <<colour tiddler-controls-foreground>>;
make katex toolbar (text buttons) button same color
2019-07-07 16:00:17 +00:00
color: <<colour tiddler-controls-foreground-selected>>;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
fill: <<colour tiddler-controls-foreground-selected>>;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
border-radius: 4px;
padding: 3px;
Replace spaces with margins in editor toolbar (#2429) (#2435)
2016-05-11 17:09:54 +00:00
margin: 2px 0 2px 4px;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
}
.tc-editor-toolbar button.tc-text-editor-toolbar-item-adjunct {
Replace spaces with margins in editor toolbar (#2429) (#2435)
2016-05-11 17:09:54 +00:00
margin-left: 1px;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
width: 1em;
Replace spaces with margins in editor toolbar (#2429) (#2435)
2016-05-11 17:09:54 +00:00
border-radius: 8px;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
}
Add spacers to formatting toolbar
2016-04-29 16:18:58 +00:00
.tc-editor-toolbar button.tc-text-editor-toolbar-item-start-group {
Replace spaces with margins in editor toolbar (#2429) (#2435)
2016-05-11 17:09:54 +00:00
margin-left: 11px;
Add spacers to formatting toolbar
2016-04-29 16:18:58 +00:00
}
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
.tc-editor-toolbar button.tc-selected {
background-color: <<colour primary>>;
}
.tc-editor-toolbar button svg {
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
width: 1.6em;
height: 1.2em;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
}
.tc-editor-toolbar button:hover {
background-color: <<colour tiddler-controls-foreground-selected>>;
fill: <<colour background>>;
Fix hover colour for textual editor toolbar buttons
2018-10-24 09:33:16 +00:00
color: <<colour background>>;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
}
.tc-editor-toolbar .tc-text-editor-toolbar-more {
white-space: normal;
}
.tc-editor-toolbar .tc-text-editor-toolbar-more button {
display: inline-block;
padding: 3px;
width: auto;
}
Introduce "link" editor toolbar button As proposed by Alex Hough
2016-04-29 17:54:41 +00:00
.tc-editor-toolbar .tc-search-results {
padding: 0;
}
Make Stamp-Dropdown sortable by Drag&Drop (#5981) * Make stamp-dropdown reorderable by list-tagged-draggable macro * Add stamp-dropdown ItemTemplate tiddler * Make stamp-entries editable by ctrl-click * Update stamp-dropdown-item-template.tid * Add `tc-editortoolbar-stamp-button` class to stamp button * Make stamp-dropdown look like before * Update base.tid
2021-08-29 16:48:32 +00:00
.tc-editor-toolbar button.tc-editortoolbar-stamp-button + .tc-popup .tc-drop-down > p {
margin: 0;
padding: 0;
}
.tc-editor-toolbar button.tc-editortoolbar-stamp-button + .tc-popup .tc-drop-down a.tc-tiddlylink {
font-weight: normal;
}
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
/*
** Adjustments for fluid-fixed mode
*/
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
@media (min-width: <<sidebarbreakpoint>>) {
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
<<if-fluid-fixed text:"""
.tc-story-river {
Fixes for zoomin storyview and fluid-fixed mode
2015-05-04 20:35:11 +00:00
padding-right: 0;
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
position: relative;
width: auto;
left: 0;
Observe storyleft position in fluid-fixed mode
2015-08-30 18:12:34 +00:00
margin-left: {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}};
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
margin-right: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}};
}
.tc-tiddler-frame {
width: 100%;
}
.tc-sidebar-scrollable {
left: auto;
bottom: 0;
right: 0;
width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}};
}
Fixes for zoomin storyview and fluid-fixed mode
2015-05-04 20:35:11 +00:00
body.tc-body .tc-storyview-zoomin-tiddler {
width: 100%;
width: calc(100% - 42px);
}
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
""" hiddenSidebarText:"""
.tc-story-river {
Fixes for zoomin storyview and fluid-fixed mode
2015-05-04 20:35:11 +00:00
padding-right: 3em;
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
margin-right: 0;
}
Fixes for zoomin storyview and fluid-fixed mode
2015-05-04 20:35:11 +00:00
body.tc-body .tc-storyview-zoomin-tiddler {
width: 100%;
width: calc(100% - 84px);
}
Introduce fluid story/fixed sidebar mode A new mode where the sidebar width is fixed and the story river expands to fill the remaining space.
2015-05-04 18:19:40 +00:00
""">>
}
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
/*
** Toolbar buttons
*/
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-page-controls svg.tc-image-new-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-new-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-page-controls svg.tc-image-options-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-options-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-page-controls svg.tc-image-save-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-save-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-controls button svg.tc-image-info-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-info-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-controls button svg.tc-image-edit-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-edit-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-controls button svg.tc-image-close-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-close-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-controls button svg.tc-image-delete-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-delete-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-controls button svg.tc-image-cancel-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-cancel-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-controls button svg.tc-image-done-button {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: <<colour toolbar-done-button>>;
Include toolbar button colours in palettes
2014-02-23 17:54:38 +00:00
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Tiddler edit mode
*/
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-edit-frame em.tc-edit {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-style: normal;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-type-dropdown a.tc-tiddlylink-missing {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-style: normal;
}
Make "type" input look consistent with "fields" input (#4358) * add class tc-edit-texteditor to type field, trim ... ... whitespace, make look consistent * define width 20% for type input field * add second nbsp; for consistency with type input
2020-01-30 15:39:38 +00:00
.tc-type-selector .tc-edit-typeeditor {
Type EditTemplate: show dropdown at correct position ... (#4686) * Refactor type edittemplate for correct positioning... ... of type dropdown * Refactor classes
2020-06-11 11:14:09 +00:00
width: auto;
}
Fix #4794 - tc-type-selector-wrapper not containing tc-edit (#4798) * Update type.tid * Update base.tid
2020-08-10 08:25:14 +00:00
.tc-type-selector-dropdown-wrapper {
Type EditTemplate: show dropdown at correct position ... (#4686) * Refactor type edittemplate for correct positioning... ... of type dropdown * Refactor classes
2020-06-11 11:14:09 +00:00
display: inline-block;
Make "type" input look consistent with "fields" input (#4358) * add class tc-edit-texteditor to type field, trim ... ... whitespace, make look consistent * define width 20% for type input field * add second nbsp; for consistency with type input
2020-01-30 15:39:38 +00:00
}
Make type input field min-width the highest character length of selectable types (#5090) * Make type input field min-width the highest character length of selectable types * Update base.tid * Update base.tid
2020-11-22 21:12:19 +00:00
<<set-type-selector-min-width>>
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-tags {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour tiddler-editor-border>>;
Tweak appearance of tags editor Making it a bit more like http://aehlke.github.io/tag-it/
2013-11-30 10:55:45 +00:00
padding: 4px 8px 4px 8px;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-add-tag {
Tweak appearance of tags editor Making it a bit more like http://aehlke.github.io/tag-it/
2013-11-30 10:55:45 +00:00
display: inline-block;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-edit-add-tag .tc-add-tag-name input {
Tweak appearance of tags editor Making it a bit more like http://aehlke.github.io/tag-it/
2013-11-30 10:55:45 +00:00
width: 50%;
}
Allows adding a new tag name by typing enter (#2592) * allows to add a new tagname hitting enter see: https://groups.google.com/forum/#!topic/tiddlywiki/wqQ8jPYG-X4 * revert changes to vanilla/base * added "Special Keys" to KeyboardShortcuts * added info to Creating and editing tiddlers did not add current version of <<.from-version "5.1.14">> because it would interrupt the flow. When changed from a noisy "New in 5.1.14" to "(new in 5.1.14)" we might add the version info here * revert setText & added inline styles to vanilla base * remove fieldmangler * commit initial edittemplate tags to merge master * ok, now really revert to initial edittemplate tags * move add tag via enter into tag-picker macro(s)
2016-12-18 20:43:26 +00:00
.tc-edit-add-tag .tc-keyboard {
display:inline;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-edit-tags .tc-tag-label {
Tweak appearance of tags editor Making it a bit more like http://aehlke.github.io/tag-it/
2013-11-30 10:55:45 +00:00
display: inline-block;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-tags-list {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin: 14px 0 14px 0;
}
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
.tc-remove-tag-button {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding-left: 4px;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-preview {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
overflow: auto;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:59:35 +00:00
.tc-tiddler-preview-preview {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
float: right;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
width: 49%;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour tiddler-editor-border>>;
Align the right edge of the preview (#2583) Currently it's 3px off to the left compared to the above element.
2016-09-22 10:37:22 +00:00
margin: 4px 0 3px 3px;
Revert #3607 and #3608 Hi @BurningTreeC apologies I merged these without properly looking at them, but I think we should move them to 5.1.19 because: * On Chrome, the new version hides the resize handle on textarea, which can be quite useful * It's visually quite different, and I think might benefit from more discussion * It's inconsistent with the CodeMirror editor Would you mind perhaps starting another PR for edit template enhancements?
2018-12-02 20:57:13 +00:00
padding: 3px 3px 3px 3px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Make the editor preview scrollable in fixed height mode Fixes #2616
2016-10-18 07:46:48 +00:00
<<if-editor-height-fixed then:"""
.tc-tiddler-preview-preview {
overflow-y: scroll;
height: {{$:/config/TextEditor/EditorHeight/Height}};
}
""">>
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
.tc-tiddler-frame .tc-tiddler-preview .tc-edit-texteditor {
width: 49%;
}
.tc-tiddler-frame .tc-tiddler-preview canvas.tc-edit-bitmapeditor {
max-width: 49%;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-fields {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: 100%;
}
Remove 2em of whitespace from EditTemplate when there are no visible fields (#5063) * Remove 2em of whitespace from EditTemplate when there are no visible fields * Update base.tid * Update fields.tid * Update fields.tid * Update base.tid
2020-11-18 18:02:40 +00:00
.tc-edit-fields.tc-edit-fields-small {
margin-top: 0;
margin-bottom: 0;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-fields table, .tc-edit-fields tr, .tc-edit-fields td {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
border: none;
padding: 4px;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-fields > tbody > .tc-edit-field:nth-child(odd) {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-editor-fields-odd>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-fields > tbody > .tc-edit-field:nth-child(even) {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tiddler-editor-fields-even>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-field-name {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-align: right;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-field-value input {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: 100%;
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-field-remove {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-field-remove svg {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
height: 1em;
width: 1em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
vertical-align: middle;
}
Fields EditTemplate: Correct positioning of dropdown (#4687) * Add wrapper div to fields EditTemplate * Add classes * remove obsolete span * Update base.tid
2020-06-11 11:18:31 +00:00
.tc-edit-field-add-name-wrapper input.tc-edit-texteditor {
width: auto;
}
.tc-edit-field-add-name-wrapper {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: inline-block;
}
Add input box for new field value to edit template
2014-11-06 18:24:33 +00:00
.tc-edit-field-add-value {
display: inline-block;
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
}
@media (min-width: <<sidebarbreakpoint>>) {
.tc-edit-field-add-value {
width: 35%;
}
Add input box for new field value to edit template
2014-11-06 18:24:33 +00:00
}
Convert more "tw-*" classes to "tc-*"
2014-08-28 17:47:21 +00:00
.tc-edit-field-add-button {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: inline-block;
width: 10%;
}
Drag and drop images in the editor to import and insert (#5699) * Merge * Clean up * More clean up * Ensure image import works when type is not set, clean up post import actions * Removed spurious new line * For non image files insert a tiddler link * Added documentation for new settings and features
2021-05-19 20:52:43 +00:00
/*
** Tiddler editor dropzone
*/
.tc-dropzone-editor {
position:relative;
}
.tc-dropzone-editor.tc-dragover .tc-editor-toolbar::after{
z-index: 10000;
top:0;
left:0;
right:0;
height: 100%;
background: <<colour dropzone-background>>;
content: "<<lingo DropMessage>>";
pointer-events: none;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background-color: <<color background>>;
border: 4px dashed <<color modal-border>>;
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: bold;
Drag and drop images in the editor to import and insert (#5699) * Merge * Clean up * More clean up * Ensure image import works when type is not set, clean up post import actions * Removed spurious new line * For non image files insert a tiddler link * Added documentation for new settings and features
2021-05-19 20:52:43 +00:00
font-size: 150%;
opacity: 0.8;
color: <<color foreground>>;
}
.tc-editor-importpopup {
width: 100%;
height: 100%;
}
.tc-editor-import {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: <<color pre-background>>;
box-shadow: 2px 2px 10px <<colour foreground>>;
padding: 10px;
width: 96%;
border: 1px solid <<color tiddler-controls-foreground>>;
text-align:center;
}
.tc-editor-import img {
max-height: 500px;
}
Fix problem with zoomin storyview and hidden sidebar Fixes #933
2014-10-06 08:18:29 +00:00
/*
** Storyview Classes
*/
Remove unwanted whitespace from sidebar links (#4552) * add a new-line before the log text to increase readability of the test output * make eslint, jslint happy * it shouldn't be there * fremove this file from my PRs * fix 4532. Links should not add unwanted whitespace, since this causes problems with CSS styling * remove whitespace from tiddler title and add a little bit of margin-right to the tiddler icon. * use default parameters for link handling, which results in less code * introduce tc-viewswitcher class to be able to style icon distance to text
2020-04-15 11:35:35 +00:00
.tc-viewswitcher .tc-image-button {
margin-right: .3em;
}
Fix problem with zoomin storyview and hidden sidebar Fixes #933
2014-10-06 08:18:29 +00:00
.tc-storyview-zoomin-tiddler {
position: absolute;
display: block;
width: 100%;
Adjust zoomin tiddler width for narrow screens Fixes #1725 @felixhayashi could you verify that this works for you?
2015-05-11 19:57:02 +00:00
}
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
@media (min-width: <<sidebarbreakpoint>>) {
Adjust zoomin tiddler width for narrow screens Fixes #1725 @felixhayashi could you verify that this works for you?
2015-05-11 19:57:02 +00:00
.tc-storyview-zoomin-tiddler {
width: calc(100% - 84px);
}
Fix problem with zoomin storyview and hidden sidebar Fixes #933
2014-10-06 08:18:29 +00:00
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Dropdowns
*/
More classname tweaks Thanks @pmario
2014-08-28 21:22:40 +00:00
.tc-btn-dropdown {
Styling adjustments for the upgrade wizard
2014-07-17 17:39:54 +00:00
text-align: left;
}
More classname tweaks Thanks @pmario
2014-08-28 21:22:40 +00:00
.tc-btn-dropdown svg, .tc-btn-dropdown img {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
height: 1em;
width: 1em;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour muted-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down-wrapper {
Add icon previews to tag manager
2014-08-09 12:12:23 +00:00
position: relative;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down {
Adjust default dropdown width To avoid text of exporter descriptions overflowing on Firefox. We need a better solution. On Chrome, nested popups resize to fit their content, without being constrained by the parent width.
2014-11-27 23:03:26 +00:00
min-width: 380px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour dropdown-border>>;
background-color: <<colour dropdown-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 7px 0 7px 0;
margin: 4px 0 0 0;
white-space: nowrap;
Add language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
text-shadow: none;
line-height: 1.4;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Fixes to make nested popups work Thus making the export button a lot more useful
2014-11-21 17:07:03 +00:00
.tc-drop-down .tc-drop-down {
margin-left: 14px;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down button svg, .tc-drop-down a svg {
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
fill: <<colour foreground>>;
}
Add support for disabled editor toolbar buttons & docs (#5294) * add dynamic toolbar buttons + HowTo * remove some whitespace. * move howto and improve shortcut logic * move howto * add whitespace so it can be removed in an other PR.
2021-04-25 15:17:32 +00:00
.tc-drop-down button:disabled svg {
fill: <<colour muted-foreground>>;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down button.tc-btn-invisible:hover svg {
Adding SolarizedDark Palette, updated SolarizedLight and one tiny UI fix (#4799) * Fixed Overflow svg fill When hovered, the svg should be the same colour as the text it comes alongside. This fixes that. * Fixed the Solarized Palettes as per spec - Added the Solarized Dark palette - Remade the Solarized Light palette with the right contrast ratios as per Solarized Spec. * Sidebar Selected Tab UI Change Changed the selected tab border and foreground from pink to white(base01) because the pink was too distracting and not very readable. * Fixed Hover css for plugin info listing The css was not working so I fixed it. * Fixed the UI for plugin info tiddler (among others)
2020-08-11 17:54:17 +00:00
fill: <<colour background>>;
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
}
Fix syncer to handler errors properly (#4373) * First commit * Add throttling of saves Now we refuse to save a tiddler more often than once per second. * Wait for a timeout before trying again after an error * Modest optimisations of isDirty() method * Synchronise system tiddlers and deletions from the server Fixes two long-standing issues: * Changes to system tiddlers are not synchronised from the server to the browser * Deletions of tiddlers on the server are not propagated to browser clients * Make sure we update the dirty status even if there isn't a task to perform * Replace save-wiki button with popup sync menu * Remove the "Server" control panel tab We don't need it with the enhanced sync dropdown * Add indentation to the save-wiki button * Fix spacing in dropdown menu items * Switch between cloud icons according to dirty status * Add a menu item to copy syncer logs to the clipboard * Improve animated icon * Remove indentation from save-wiki button @pmario the annoying thing is that using `\trim whitespace` trims significant whitespace too, so it means we have to use <$text text=" "/> when we need a space that won't be trimmed. For the moment, I've removed the indentation but will keep thinking about it. * Further icon, UI and copy text tweaks Move the icons and styles from the core into the TiddlyWeb plugin * Clean up PR diff * Tweak animation durations * Break the actions from the syncer dropdown into separate tiddlers @pmario I think this makes things a bit easier to follow * Refactor syncadaptor creation and logging The goal is for the syncadaptor to be able to log to the same logger as the syncer, so that the "copy syncer logs to clipboard" data is more useful. * Don't transition the dirty indicator container colour, just the SVG's colour * Only trigger a sync for changes to tiddlers we're interested in Otherwise it is triggered by the creation of the alert tiddlers used to display errors. * Restore deleting local tiddlers removed from the server (I had commented it out for some testing and accidentally commited it). * Guard against missing adaptor info * We still need to trigger a timeout when there was no task to process * Avoid repeatedly polling for changes Instead we only trigger a timeout call at if there is a pending task (ie a tiddler that has changed but isn't yet old enough to save). * Lazy loading: include skinny versions of lazily loaded tiddlers in the index.html * Introduce _is_skinny field for indicating that a tiddler is subject to lazy loading * Remove savetrail plugin from prerelease It doesn't yet work with the new syncer * Make the savetrail plugin work again * Clear outstanding alerts when synchronisation is restored * Logger: only remove alerts from the same component Missed off 9f5c0de07 * Make the saving throttle interval configurable (#4385) After switching Bob to use the core syncer the throttle interval makes saving feel very sluggish compared to the message queue setup that I had before. The editing lock that I use to prevent conflicts with multiple users doesn't go away until the save is completed, and with the 1 second delay it means that if you edit a tiddler and save it than you have to wait one second before you can edit it again. * Tweaks to appearance of alerts * Exclude temp tiddlers from offline snapshots Otherwise alerts will persist * Tweak appearance of status line in dropdown * Update release note * Web server: Don't include full path in error messages Fixes #3724 * In change event handler check for deletions * Disable the official plugin library when the tiddlyweb plugin is loaded * Hide error details from browser for /files/ route See https://github.com/Jermolene/TiddlyWiki5/issues/3724#issuecomment-565702492 -- thanks @pmario * Revert all the changes to the relationship between the syncer and the syncadaptor Previously we had some major rearrangements to make it possible for the syncadaptor to route it's logging to the logger used by the syncer. The motivation is so that the "copy logs to clipboard" button is more useful. On reflection, changing the interface this drastically is undesirable from a backwards compatibility perspective, so I'm going to investigate other ways to achieve the logger sharing * Make the tiddlyweb adaptor use the syncer's logger So that both are availavble when copying the syncer logs to the clipboard * Update release note * Support setting port=0 to get an OS assigned port Quite useful * Update code comment * UI: Use "Get latest changes from server" instead of "Refresh" * Add getUpdatedTiddlers() method to syncadaptor API See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573579495 * Refactor revision handling within the syncer Thanks @pmario * Fix typo in tiddlywebadaptor * Improve presentation of errors See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573695267 * Add docs for getTiddlerRevision() * Remove unused error animation * Update comment for GET /recipes/default/tiddlers/tiddlers.json * Optimise SVG cloud image * Add optional list of allowed filters for get all tiddlers route An attempt to address @Arlen22's concern here: https://github.com/Jermolene/TiddlyWiki5/pull/4373#pullrequestreview-342146190 * Fix network error alert text translatability * Fix error code and logging for GET /recipes/default/tiddlers/tiddlers.json Thanks @Arlen22 * Flip GET /recipes/default/tiddlers/tiddlers.json allowed filter handling to be secure by default * Validate updates received from getUpdatedTiddlers() * Add syncer method to force loading of a tiddler from the server * Remove the release note update to remove the merge conflict * Fix crash when there's no config section in the tiddlywiki.info file * Use config tiddler title to check filter query (merge into fix-syncer) (#4478) * Use config tiddler title to check filter query * Create config-tiddlers-filter.tid * Add config switch to enable all filters on GET /recipes/default/tiddlers/tiddlers.json And update docs * Fix bug when deleting a tiddler with a shadow Reported by @kookma at https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-604027528 Co-authored-by: jed <inmysocks@fastmail.com> Co-authored-by: Arlen22 <arlenbee@gmail.com>
2020-03-30 14:24:05 +00:00
.tc-drop-down .tc-drop-down-info {
padding-left: 14px;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down p {
Add a style rule for padding paragraphs within dropdowns Fixes #306
2013-12-30 12:38:45 +00:00
padding: 0 14px 0 14px;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down svg {
Refactor sidebar tools tab It’s going to be like the tools tab of tiddler info
2014-08-02 10:58:55 +00:00
width: 1em;
height: 1em;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down img {
Refactor sidebar tools tab It’s going to be like the tools tab of tiddler info
2014-08-02 10:58:55 +00:00
width: 1em;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down a, .tc-drop-down button {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: block;
padding: 0 14px 0 14px;
Add 'more' toolbar button
2014-07-28 10:29:06 +00:00
width: 100%;
text-align: left;
Add "more" page control button
2014-07-30 21:25:52 +00:00
color: <<colour foreground>>;
Add language toolbar button Also adds flag icon for each language. One limitation is that the language button doesn’t work properly when accessed via the “more” menu of the page controls. @BramChen - could you help me choose the most appropriate flags to use for the variants of Chinese?
2014-07-31 17:07:37 +00:00
line-height: 1.4;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Introduce "link" editor toolbar button As proposed by Alex Hough
2016-04-29 17:54:41 +00:00
.tc-drop-down .tc-tab-set .tc-tab-buttons button {
display: inline-block;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
width: auto;
margin-bottom: 0px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
Introduce "link" editor toolbar button As proposed by Alex Hough
2016-04-29 17:54:41 +00:00
}
Add palette page control button
2015-05-05 17:53:30 +00:00
.tc-drop-down .tc-prompt {
Replace spaces with margins in editor toolbar (#2429) (#2435)
2016-05-11 17:09:54 +00:00
padding: 0 14px;
Add palette page control button
2015-05-05 17:53:30 +00:00
}
.tc-drop-down .tc-chooser {
border: none;
}
.tc-drop-down .tc-chooser .tc-swatches-horiz {
font-size: 0.4em;
padding-left: 1.2em;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-drop-down .tc-file-input-wrapper {
Fix colour of import button
2014-08-02 20:37:46 +00:00
width: 100%;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-drop-down .tc-file-input-wrapper button {
Fix colour of import button
2014-08-02 20:37:46 +00:00
color: <<colour foreground>>;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tc-file-input-wrapper:hover button {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-decoration: none;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-drop-down .tc-tab-buttons button {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour dropdown-tab-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-drop-down .tc-tab-buttons button.tc-tab-selected {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour dropdown-tab-background-selected>>;
border-bottom: 1px solid <<colour dropdown-tab-background-selected>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down-bullet {
Clearer current selection for language and storyview
2014-08-01 21:07:07 +00:00
display: inline-block;
width: 0.5em;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-drop-down .tc-tab-contents a {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 0 0.5em 0 0.5em;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-block-dropdown-wrapper {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: relative;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-block-dropdown {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: absolute;
Adjust default dropdown width To avoid text of exporter descriptions overflowing on Firefox. We need a better solution. On Chrome, nested popups resize to fit their content, without being constrained by the parent width.
2014-11-27 23:03:26 +00:00
min-width: 220px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour dropdown-border>>;
background-color: <<colour dropdown-background>>;
These changes remove the p-tags from the edit-tags dropdown in tiddler edit mode. ... The changes also take effect to the tiddler-type-chooser popup, since it uses the same css classes.
2014-09-03 13:08:51 +00:00
padding: 7px 0;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin: 4px 0 0 0;
white-space: nowrap;
z-index: 1000;
Fix search dropdown positioning This fixes a problem introduced in 72941f3e9a916948222ff7be540d896e2b1901f6 whereby the change to tc-drop-down affected other dropdowns.
2015-12-20 08:53:29 +00:00
text-shadow: none;
}
.tc-block-dropdown.tc-search-drop-down {
margin-left: -12px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-block-dropdown a {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
display: block;
padding: 4px 14px 4px 14px;
}
Fix search dropdown positioning This fixes a problem introduced in 72941f3e9a916948222ff7be540d896e2b1901f6 whereby the change to tc-drop-down affected other dropdowns.
2015-12-20 08:53:29 +00:00
.tc-block-dropdown.tc-search-drop-down a {
display: block;
padding: 0px 10px 0px 10px;
}
Add a bulk delete button I needed this in my day job, but think we need to do better on bulk operations
2016-02-05 18:44:43 +00:00
.tc-drop-down .tc-dropdown-item-plain,
.tc-block-dropdown .tc-dropdown-item-plain {
padding: 4px 14px 4px 7px;
}
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-drop-down .tc-dropdown-item,
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-block-dropdown .tc-dropdown-item {
Style updates missed off the last commit
2014-06-06 08:32:45 +00:00
padding: 4px 14px 4px 7px;
color: <<colour muted-foreground>>;
}
Fix search dropdown items text color on hover (#4632)
2020-05-06 08:46:29 +00:00
.tc-block-dropdown a.tc-tiddlylink:hover {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
text-decoration: none;
}
Fix search dropdown positioning This fixes a problem introduced in 72941f3e9a916948222ff7be540d896e2b1901f6 whereby the change to tc-drop-down affected other dropdowns.
2015-12-20 08:53:29 +00:00
.tc-search-results {
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
padding: 0 7px 0 7px;
Fix search dropdown positioning This fixes a problem introduced in 72941f3e9a916948222ff7be540d896e2b1901f6 whereby the change to tc-drop-down affected other dropdowns.
2015-12-20 08:53:29 +00:00
}
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
.tc-image-chooser, .tc-colour-chooser {
white-space: normal;
}
.tc-image-chooser a,
.tc-colour-chooser a {
display: inline-block;
vertical-align: top;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
text-align: center;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
position: relative;
}
.tc-image-chooser a {
border: 1px solid <<colour muted-foreground>>;
padding: 2px;
margin: 2px;
width: 4em;
height: 4em;
}
.tc-colour-chooser a {
padding: 3px;
width: 2em;
height: 2em;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
vertical-align: middle;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
}
.tc-image-chooser a:hover,
.tc-colour-chooser a:hover {
background: <<colour primary>>;
padding: 0px;
border: 3px solid <<colour primary>>;
}
.tc-image-chooser a svg,
.tc-image-chooser a img {
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
display: inline-block;
width: auto;
height: auto;
max-width: 3.5em;
max-height: 3.5em;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
Introduce text editor toolbar (#2315) Tada!
2016-04-22 07:36:29 +00:00
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Modals
*/
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal-wrapper {
Fix for inability to scroll modal wizards
2014-05-26 21:33:42 +00:00
position: fixed;
overflow: auto;
overflow-y: scroll;
top: 0;
right: 0;
bottom: 0;
left: 0;
Fix problem with modals in zoomin storyview
2016-05-01 14:41:36 +00:00
z-index: 900;
Fix for inability to scroll modal wizards
2014-05-26 21:33:42 +00:00
}
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal-backdrop {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour modal-backdrop>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
z-index: 1100;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour modal-background>>;
border: 1px solid <<colour modal-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
@media (max-width: 55em) {
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal {
Fix problem with modal positioning on narrow screens Fixes #302
2013-12-24 09:44:40 +00:00
position: fixed;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
top: 1em;
left: 1em;
right: 1em;
}
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal-body {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
overflow-y: auto;
max-height: 400px;
Fix modal scroll behaviour The previous behaviour didn’t allow scrolling of the modal itself through the scroll bar because the scrollbar was hidden behind the backdrop. Fixes #1642
2015-04-09 10:03:06 +00:00
max-height: 60vh;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
}
@media (min-width: 55em) {
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal {
Fix modal scroll behaviour The previous behaviour didn’t allow scrolling of the modal itself through the scroll bar because the scrollbar was hidden behind the backdrop. Fixes #1642
2015-04-09 10:03:06 +00:00
position: fixed;
top: 2em;
left: 25%;
Fix for inability to scroll modal wizards
2014-05-26 21:33:42 +00:00
width: 50%;
Fix modal scroll behaviour The previous behaviour didn’t allow scrolling of the modal itself through the scroll bar because the scrollbar was hidden behind the backdrop. Fixes #1642
2015-04-09 10:03:06 +00:00
}
.tc-modal-body {
overflow-y: auto;
max-height: 400px;
max-height: 60vh;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
}
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal-header {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 9px 15px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border-bottom: 1px solid <<colour modal-header-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal-header h3 {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
margin: 0;
line-height: 30px;
}
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
.tc-modal-header img, .tc-modal-header svg {
width: 1em;
height: 1em;
}
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal-body {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 15px;
}
Rename "modal-*" classes to "tc-modal-*" Part of #764
2014-08-28 16:34:02 +00:00
.tc-modal-footer {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour modal-footer-background>>;
border-top: 1px solid <<colour modal-footer-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Prevent scrolling of the page when modals are displayed (#5816) * prevent scroll-chaining in modals * make body overflow hidden to prevent background scrolling
2021-06-27 15:24:06 +00:00
.tc-modal-prevent-scroll {
overflow: hidden;
}
Add Switcher modal (#5089) * Alternative switcher using a parameter via tm-show-switcher * Add CSS class for centered modals * Changed keyboardshortcut and removed transition CSS * Resolved wording issues
2020-11-23 17:06:24 +00:00
/*
** Centered modals
*/
.tc-modal-centered .tc-modal {
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Notifications
*/
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
.tc-notification {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
position: fixed;
top: 14px;
Move notifications a little to the left So that they don’t overlap the menu hamburger
2014-04-07 18:01:08 +00:00
right: 42px;
put notifications above topbar
2014-11-23 17:10:44 +00:00
z-index: 1300;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
max-width: 280px;
padding: 0 14px 0 14px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour notification-background>>;
border: 1px solid <<colour notification-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
/*
** Tabs
*/
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-set.tc-vertical {
Fix vertical tabs in Safari Current versions of Safari on OS X and iOS are still prefixed.
2014-05-27 18:06:27 +00:00
display: -webkit-flex;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
display: flex;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-buttons {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
font-size: 0.85em;
padding-top: 1em;
Adjust tab positioning Avoiding an unsightly gap on Firefox and Chrome. Sadly Safari needs the margin-bottom to be set to `-3px` to achieve the same effect. I think that that is because the browsers have some differences in their intrinsic button styles that are not being properly normalised.
2014-09-27 09:13:36 +00:00
margin-bottom: -2px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-buttons.tc-vertical {
Tabs appearance tweaks
2014-05-14 18:37:37 +00:00
z-index: 100;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
display: block;
padding-top: 14px;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
vertical-align: top;
text-align: right;
margin-bottom: inherit;
margin-right: -1px;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
max-width: 33%;
Fix vertical tabs in Safari Current versions of Safari on OS X and iOS are still prefixed.
2014-05-27 18:06:27 +00:00
-webkit-flex: 0 0 auto;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
flex: 0 0 auto;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-buttons button.tc-tab-selected {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour tab-foreground-selected>>;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tab-background-selected>>;
border-left: 1px solid <<colour tab-border-selected>>;
border-top: 1px solid <<colour tab-border-selected>>;
border-right: 1px solid <<colour tab-border-selected>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-buttons button {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour tab-foreground>>;
Tabs appearance tweaks
2014-05-14 18:37:37 +00:00
padding: 3px 5px 3px 5px;
Add margin to horizontal tabs
2015-12-29 08:12:06 +00:00
margin-right: 0.3em;
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
border: none;
background: inherit;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour tab-background>>;
border-left: 1px solid <<colour tab-border>>;
border-top: 1px solid <<colour tab-border>>;
border-right: 1px solid <<colour tab-border>>;
Add 2px rounded corners to tiddlers and tabs An experiment; comments welcome.
2014-11-26 11:22:04 +00:00
border-top-left-radius: 2px;
border-top-right-radius: 2px;
Fix tab border radius The default button border radius was showing through
2017-08-15 14:48:54 +00:00
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-buttons.tc-vertical button {
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
display: block;
width: 100%;
margin-top: 3px;
Add margin to horizontal tabs
2015-12-29 08:12:06 +00:00
margin-right: 0;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
text-align: right;
background-color: <<colour tab-background>>;
border-left: 1px solid <<colour tab-border>>;
border-bottom: 1px solid <<colour tab-border>>;
border-right: none;
Add 2px rounded corners to tiddlers and tabs An experiment; comments welcome.
2014-11-26 11:22:04 +00:00
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
Fix tab border radius The default button border radius was showing through
2017-08-15 14:48:54 +00:00
border-top-right-radius: 0;
border-bottom-right-radius: 0;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-buttons.tc-vertical button.tc-tab-selected {
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
background-color: <<colour tab-background-selected>>;
border-right: 1px solid <<colour tab-background-selected>>;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-divider {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border-top: 1px solid <<colour tab-divider>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-divider.tc-vertical {
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
display: none;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-content {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
margin-top: 14px;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-tab-content.tc-vertical {
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
display: inline-block;
vertical-align: top;
Use flexbox for vertical tabs Thus stepping into a new world: http://caniuse.com/flexbox The vertical tabs are now completely reusable, with sensible wrapping behaviour.
2014-05-12 07:41:47 +00:00
padding-top: 0;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
padding-left: 14px;
border-left: 1px solid <<colour tab-border>>;
Correct width for vertical tab content
2014-08-13 16:06:18 +00:00
-webkit-flex: 1 0 70%;
flex: 1 0 70%;
2nd attempt to fix overflowing content in vertical tabs Previously we'd tried to fix it with word-break: break-word, but that broke other things (see 81f1e6af4e5920c6ff41e7f08171bfddc1b26dfc). This overflow: auto approach appears to be best practice.
2019-10-20 09:45:27 +00:00
overflow: auto;
Pixel accuracy for restoring pre-refactor layout Two problems: * Extraneous whitespace shows up as whitespace in the HTML, making it hard to style * Fix some padding
2014-04-09 21:19:27 +00:00
}
Adjust 1px error on sidebar tab positioning
2014-11-26 15:39:10 +00:00
.tc-sidebar-lists .tc-tab-buttons {
margin-bottom: -1px;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour sidebar-tab-background-selected>>;
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
color: <<colour sidebar-tab-foreground-selected>>;
border-left: 1px solid <<colour sidebar-tab-border-selected>>;
border-top: 1px solid <<colour sidebar-tab-border-selected>>;
border-right: 1px solid <<colour sidebar-tab-border-selected>>;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists .tc-tab-buttons button {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
background-color: <<colour sidebar-tab-background>>;
color: <<colour sidebar-tab-foreground>>;
border-left: 1px solid <<colour sidebar-tab-border>>;
border-top: 1px solid <<colour sidebar-tab-border>>;
border-right: 1px solid <<colour sidebar-tab-border>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists .tc-tab-divider {
Tweaks to the vanilla theme and palette entries
2014-02-23 17:19:58 +00:00
border-top: 1px solid <<colour sidebar-tab-divider>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Refactor user interface for plugin tiddlers * Refactored control panel “Plugins” tab to make the elements more reusable * Refactored the display of plugin tiddlers to use the same format as the control panel (as suggested, I think by @danielo515), adding the shadow tiddler listing as an overridable extension tab * Added a new tab in the “More” sidebar providing quick access to all installed plugins
2016-10-18 08:23:19 +00:00
.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button {
Addresses #1066 by moving the search results into a dropdown. The dropdown can be summoned by clicking on the search field. It will only appear if the search field is not empty. When the search field is not empty the dropdown can be also be summoned by clicking on the arrow or search result count. There are still some wrinkles where the dropdown doesn’t appear when expected; I’d appreciate feedback to help reproduce those cases. This change should still work with custom search result tabs.
2015-09-27 21:53:40 +00:00
display: block;
width: 100%;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour sidebar-tab-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
border-top: none;
border-left: none;
border-bottom: none;
border-right: 1px solid #ccc;
Refactor vertical tabs for reusability In practice, if you look at TabsMacro you’ll see that the width of the tab content is wrong, and will usually overflow the container. Next step is to fix that by using flexbox…
2014-05-11 17:47:14 +00:00
margin-bottom: inherit;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Refactor user interface for plugin tiddlers * Refactored control panel “Plugins” tab to make the elements more reusable * Refactored the display of plugin tiddlers to use the same format as the control panel (as suggested, I think by @danielo515), adding the shadow tiddler listing as an overridable extension tab * Added a new tab in the “More” sidebar providing quick access to all installed plugins
2016-10-18 08:23:19 +00:00
.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour sidebar-tab-background-selected>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
border: none;
}
Introduce tiddler manager
2016-11-29 08:36:07 +00:00
/*
** Manager
*/
.tc-manager-wrapper {
}
.tc-manager-controls {
}
.tc-manager-control {
margin: 0.5em 0;
}
.tc-manager-list {
width: 100%;
border-top: 1px solid <<colour muted-foreground>>;
border-left: 1px solid <<colour muted-foreground>>;
border-right: 1px solid <<colour muted-foreground>>;
}
.tc-manager-list-item {
}
.tc-manager-list-item-heading {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
display: block;
width: 100%;
text-align: left;
Introduce tiddler manager
2016-11-29 08:36:07 +00:00
border-bottom: 1px solid <<colour muted-foreground>>;
padding: 3px;
}
.tc-manager-list-item-heading-selected {
font-weight: bold;
color: <<colour background>>;
fill: <<colour background>>;
background-color: <<colour foreground>>;
}
.tc-manager-list-item-heading:hover {
background: <<colour primary>>;
color: <<colour background>>;
}
.tc-manager-list-item-content {
display: flex;
}
.tc-manager-list-item-content-sidebar {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
flex: 1 0;
background: <<colour tiddler-editor-background>>;
border-right: 0.5em solid <<colour muted-foreground>>;
border-bottom: 0.5em solid <<colour muted-foreground>>;
white-space: nowrap;
Introduce tiddler manager
2016-11-29 08:36:07 +00:00
}
.tc-manager-list-item-content-item-heading {
display: block;
width: 100%;
text-align: left;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
background: <<colour muted-foreground>>;
Introduce tiddler manager
2016-11-29 08:36:07 +00:00
text-transform: uppercase;
font-size: 0.6em;
font-weight: bold;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
padding: 0.5em 0 0.5em 0;
Introduce tiddler manager
2016-11-29 08:36:07 +00:00
}
.tc-manager-list-item-content-item-body {
padding: 0 0.5em 0 0.5em;
}
.tc-manager-list-item-content-item-body > pre {
margin: 0.5em 0 0.5em 0;
border: none;
background: inherit;
}
.tc-manager-list-item-content-tiddler {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
flex: 3 1;
border-left: 0.5em solid <<colour muted-foreground>>;
border-right: 0.5em solid <<colour muted-foreground>>;
border-bottom: 0.5em solid <<colour muted-foreground>>;
Introduce tiddler manager
2016-11-29 08:36:07 +00:00
}
.tc-manager-list-item-content-item-body > table {
border: none;
padding: 0;
margin: 0;
}
.tc-manager-list-item-content-item-body > table td {
border: none;
}
.tc-manager-icon-editor > button {
width: 100%;
}
.tc-manager-icon-editor > button > svg,
.tc-manager-icon-editor > button > button {
width: 100%;
height: auto;
}
Import rename (#4928) * Add UI for renaming tiddlers before import in the import listing * Removed spurious whitespace
2020-10-28 16:03:04 +00:00
/*
** Import table
*/
.tc-import-table {
width: 100%;
}
Import UI : Fix issue with size of rename button (#5012) * Fix issue with size of rename button * Add css instead of hard coded style attribute
2020-11-08 23:21:01 +00:00
.tc-import-table svg.tc-image-edit-button {
max-width: unset;
}
.tc-import-table th:first-of-type {
width: 10%;
}
.tc-import-table th:last-of-type {
width: 30%;
}
Colour code ImportListing rows (#5067)
2020-11-18 15:50:40 +00:00
.tc-import-table .tc-row-disabled {
background: <<colour very-muted-foreground>>10;
opacity: 0.8;
}
.tc-import-table .tc-row-warning {
background: <<colour diff-delete-background>>50;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Alerts
*/
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-alerts {
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
position: fixed;
Fix syncer to handler errors properly (#4373) * First commit * Add throttling of saves Now we refuse to save a tiddler more often than once per second. * Wait for a timeout before trying again after an error * Modest optimisations of isDirty() method * Synchronise system tiddlers and deletions from the server Fixes two long-standing issues: * Changes to system tiddlers are not synchronised from the server to the browser * Deletions of tiddlers on the server are not propagated to browser clients * Make sure we update the dirty status even if there isn't a task to perform * Replace save-wiki button with popup sync menu * Remove the "Server" control panel tab We don't need it with the enhanced sync dropdown * Add indentation to the save-wiki button * Fix spacing in dropdown menu items * Switch between cloud icons according to dirty status * Add a menu item to copy syncer logs to the clipboard * Improve animated icon * Remove indentation from save-wiki button @pmario the annoying thing is that using `\trim whitespace` trims significant whitespace too, so it means we have to use <$text text=" "/> when we need a space that won't be trimmed. For the moment, I've removed the indentation but will keep thinking about it. * Further icon, UI and copy text tweaks Move the icons and styles from the core into the TiddlyWeb plugin * Clean up PR diff * Tweak animation durations * Break the actions from the syncer dropdown into separate tiddlers @pmario I think this makes things a bit easier to follow * Refactor syncadaptor creation and logging The goal is for the syncadaptor to be able to log to the same logger as the syncer, so that the "copy syncer logs to clipboard" data is more useful. * Don't transition the dirty indicator container colour, just the SVG's colour * Only trigger a sync for changes to tiddlers we're interested in Otherwise it is triggered by the creation of the alert tiddlers used to display errors. * Restore deleting local tiddlers removed from the server (I had commented it out for some testing and accidentally commited it). * Guard against missing adaptor info * We still need to trigger a timeout when there was no task to process * Avoid repeatedly polling for changes Instead we only trigger a timeout call at if there is a pending task (ie a tiddler that has changed but isn't yet old enough to save). * Lazy loading: include skinny versions of lazily loaded tiddlers in the index.html * Introduce _is_skinny field for indicating that a tiddler is subject to lazy loading * Remove savetrail plugin from prerelease It doesn't yet work with the new syncer * Make the savetrail plugin work again * Clear outstanding alerts when synchronisation is restored * Logger: only remove alerts from the same component Missed off 9f5c0de07 * Make the saving throttle interval configurable (#4385) After switching Bob to use the core syncer the throttle interval makes saving feel very sluggish compared to the message queue setup that I had before. The editing lock that I use to prevent conflicts with multiple users doesn't go away until the save is completed, and with the 1 second delay it means that if you edit a tiddler and save it than you have to wait one second before you can edit it again. * Tweaks to appearance of alerts * Exclude temp tiddlers from offline snapshots Otherwise alerts will persist * Tweak appearance of status line in dropdown * Update release note * Web server: Don't include full path in error messages Fixes #3724 * In change event handler check for deletions * Disable the official plugin library when the tiddlyweb plugin is loaded * Hide error details from browser for /files/ route See https://github.com/Jermolene/TiddlyWiki5/issues/3724#issuecomment-565702492 -- thanks @pmario * Revert all the changes to the relationship between the syncer and the syncadaptor Previously we had some major rearrangements to make it possible for the syncadaptor to route it's logging to the logger used by the syncer. The motivation is so that the "copy logs to clipboard" button is more useful. On reflection, changing the interface this drastically is undesirable from a backwards compatibility perspective, so I'm going to investigate other ways to achieve the logger sharing * Make the tiddlyweb adaptor use the syncer's logger So that both are availavble when copying the syncer logs to the clipboard * Update release note * Support setting port=0 to get an OS assigned port Quite useful * Update code comment * UI: Use "Get latest changes from server" instead of "Refresh" * Add getUpdatedTiddlers() method to syncadaptor API See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573579495 * Refactor revision handling within the syncer Thanks @pmario * Fix typo in tiddlywebadaptor * Improve presentation of errors See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573695267 * Add docs for getTiddlerRevision() * Remove unused error animation * Update comment for GET /recipes/default/tiddlers/tiddlers.json * Optimise SVG cloud image * Add optional list of allowed filters for get all tiddlers route An attempt to address @Arlen22's concern here: https://github.com/Jermolene/TiddlyWiki5/pull/4373#pullrequestreview-342146190 * Fix network error alert text translatability * Fix error code and logging for GET /recipes/default/tiddlers/tiddlers.json Thanks @Arlen22 * Flip GET /recipes/default/tiddlers/tiddlers.json allowed filter handling to be secure by default * Validate updates received from getUpdatedTiddlers() * Add syncer method to force loading of a tiddler from the server * Remove the release note update to remove the merge conflict * Fix crash when there's no config section in the tiddlywiki.info file * Use config tiddler title to check filter query (merge into fix-syncer) (#4478) * Use config tiddler title to check filter query * Create config-tiddlers-filter.tid * Add config switch to enable all filters on GET /recipes/default/tiddlers/tiddlers.json And update docs * Fix bug when deleting a tiddler with a shadow Reported by @kookma at https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-604027528 Co-authored-by: jed <inmysocks@fastmail.com> Co-authored-by: Arlen22 <arlenbee@gmail.com>
2020-03-30 14:24:05 +00:00
top: 28px;
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
left: 0;
Fix syncer to handler errors properly (#4373) * First commit * Add throttling of saves Now we refuse to save a tiddler more often than once per second. * Wait for a timeout before trying again after an error * Modest optimisations of isDirty() method * Synchronise system tiddlers and deletions from the server Fixes two long-standing issues: * Changes to system tiddlers are not synchronised from the server to the browser * Deletions of tiddlers on the server are not propagated to browser clients * Make sure we update the dirty status even if there isn't a task to perform * Replace save-wiki button with popup sync menu * Remove the "Server" control panel tab We don't need it with the enhanced sync dropdown * Add indentation to the save-wiki button * Fix spacing in dropdown menu items * Switch between cloud icons according to dirty status * Add a menu item to copy syncer logs to the clipboard * Improve animated icon * Remove indentation from save-wiki button @pmario the annoying thing is that using `\trim whitespace` trims significant whitespace too, so it means we have to use <$text text=" "/> when we need a space that won't be trimmed. For the moment, I've removed the indentation but will keep thinking about it. * Further icon, UI and copy text tweaks Move the icons and styles from the core into the TiddlyWeb plugin * Clean up PR diff * Tweak animation durations * Break the actions from the syncer dropdown into separate tiddlers @pmario I think this makes things a bit easier to follow * Refactor syncadaptor creation and logging The goal is for the syncadaptor to be able to log to the same logger as the syncer, so that the "copy syncer logs to clipboard" data is more useful. * Don't transition the dirty indicator container colour, just the SVG's colour * Only trigger a sync for changes to tiddlers we're interested in Otherwise it is triggered by the creation of the alert tiddlers used to display errors. * Restore deleting local tiddlers removed from the server (I had commented it out for some testing and accidentally commited it). * Guard against missing adaptor info * We still need to trigger a timeout when there was no task to process * Avoid repeatedly polling for changes Instead we only trigger a timeout call at if there is a pending task (ie a tiddler that has changed but isn't yet old enough to save). * Lazy loading: include skinny versions of lazily loaded tiddlers in the index.html * Introduce _is_skinny field for indicating that a tiddler is subject to lazy loading * Remove savetrail plugin from prerelease It doesn't yet work with the new syncer * Make the savetrail plugin work again * Clear outstanding alerts when synchronisation is restored * Logger: only remove alerts from the same component Missed off 9f5c0de07 * Make the saving throttle interval configurable (#4385) After switching Bob to use the core syncer the throttle interval makes saving feel very sluggish compared to the message queue setup that I had before. The editing lock that I use to prevent conflicts with multiple users doesn't go away until the save is completed, and with the 1 second delay it means that if you edit a tiddler and save it than you have to wait one second before you can edit it again. * Tweaks to appearance of alerts * Exclude temp tiddlers from offline snapshots Otherwise alerts will persist * Tweak appearance of status line in dropdown * Update release note * Web server: Don't include full path in error messages Fixes #3724 * In change event handler check for deletions * Disable the official plugin library when the tiddlyweb plugin is loaded * Hide error details from browser for /files/ route See https://github.com/Jermolene/TiddlyWiki5/issues/3724#issuecomment-565702492 -- thanks @pmario * Revert all the changes to the relationship between the syncer and the syncadaptor Previously we had some major rearrangements to make it possible for the syncadaptor to route it's logging to the logger used by the syncer. The motivation is so that the "copy logs to clipboard" button is more useful. On reflection, changing the interface this drastically is undesirable from a backwards compatibility perspective, so I'm going to investigate other ways to achieve the logger sharing * Make the tiddlyweb adaptor use the syncer's logger So that both are availavble when copying the syncer logs to the clipboard * Update release note * Support setting port=0 to get an OS assigned port Quite useful * Update code comment * UI: Use "Get latest changes from server" instead of "Refresh" * Add getUpdatedTiddlers() method to syncadaptor API See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573579495 * Refactor revision handling within the syncer Thanks @pmario * Fix typo in tiddlywebadaptor * Improve presentation of errors See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573695267 * Add docs for getTiddlerRevision() * Remove unused error animation * Update comment for GET /recipes/default/tiddlers/tiddlers.json * Optimise SVG cloud image * Add optional list of allowed filters for get all tiddlers route An attempt to address @Arlen22's concern here: https://github.com/Jermolene/TiddlyWiki5/pull/4373#pullrequestreview-342146190 * Fix network error alert text translatability * Fix error code and logging for GET /recipes/default/tiddlers/tiddlers.json Thanks @Arlen22 * Flip GET /recipes/default/tiddlers/tiddlers.json allowed filter handling to be secure by default * Validate updates received from getUpdatedTiddlers() * Add syncer method to force loading of a tiddler from the server * Remove the release note update to remove the merge conflict * Fix crash when there's no config section in the tiddlywiki.info file * Use config tiddler title to check filter query (merge into fix-syncer) (#4478) * Use config tiddler title to check filter query * Create config-tiddlers-filter.tid * Add config switch to enable all filters on GET /recipes/default/tiddlers/tiddlers.json And update docs * Fix bug when deleting a tiddler with a shadow Reported by @kookma at https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-604027528 Co-authored-by: jed <inmysocks@fastmail.com> Co-authored-by: Arlen22 <arlenbee@gmail.com>
2020-03-30 14:24:05 +00:00
right: 0;
max-width: 50%;
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
z-index: 20000;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-alert {
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
position: relative;
Fix syncer to handler errors properly (#4373) * First commit * Add throttling of saves Now we refuse to save a tiddler more often than once per second. * Wait for a timeout before trying again after an error * Modest optimisations of isDirty() method * Synchronise system tiddlers and deletions from the server Fixes two long-standing issues: * Changes to system tiddlers are not synchronised from the server to the browser * Deletions of tiddlers on the server are not propagated to browser clients * Make sure we update the dirty status even if there isn't a task to perform * Replace save-wiki button with popup sync menu * Remove the "Server" control panel tab We don't need it with the enhanced sync dropdown * Add indentation to the save-wiki button * Fix spacing in dropdown menu items * Switch between cloud icons according to dirty status * Add a menu item to copy syncer logs to the clipboard * Improve animated icon * Remove indentation from save-wiki button @pmario the annoying thing is that using `\trim whitespace` trims significant whitespace too, so it means we have to use <$text text=" "/> when we need a space that won't be trimmed. For the moment, I've removed the indentation but will keep thinking about it. * Further icon, UI and copy text tweaks Move the icons and styles from the core into the TiddlyWeb plugin * Clean up PR diff * Tweak animation durations * Break the actions from the syncer dropdown into separate tiddlers @pmario I think this makes things a bit easier to follow * Refactor syncadaptor creation and logging The goal is for the syncadaptor to be able to log to the same logger as the syncer, so that the "copy syncer logs to clipboard" data is more useful. * Don't transition the dirty indicator container colour, just the SVG's colour * Only trigger a sync for changes to tiddlers we're interested in Otherwise it is triggered by the creation of the alert tiddlers used to display errors. * Restore deleting local tiddlers removed from the server (I had commented it out for some testing and accidentally commited it). * Guard against missing adaptor info * We still need to trigger a timeout when there was no task to process * Avoid repeatedly polling for changes Instead we only trigger a timeout call at if there is a pending task (ie a tiddler that has changed but isn't yet old enough to save). * Lazy loading: include skinny versions of lazily loaded tiddlers in the index.html * Introduce _is_skinny field for indicating that a tiddler is subject to lazy loading * Remove savetrail plugin from prerelease It doesn't yet work with the new syncer * Make the savetrail plugin work again * Clear outstanding alerts when synchronisation is restored * Logger: only remove alerts from the same component Missed off 9f5c0de07 * Make the saving throttle interval configurable (#4385) After switching Bob to use the core syncer the throttle interval makes saving feel very sluggish compared to the message queue setup that I had before. The editing lock that I use to prevent conflicts with multiple users doesn't go away until the save is completed, and with the 1 second delay it means that if you edit a tiddler and save it than you have to wait one second before you can edit it again. * Tweaks to appearance of alerts * Exclude temp tiddlers from offline snapshots Otherwise alerts will persist * Tweak appearance of status line in dropdown * Update release note * Web server: Don't include full path in error messages Fixes #3724 * In change event handler check for deletions * Disable the official plugin library when the tiddlyweb plugin is loaded * Hide error details from browser for /files/ route See https://github.com/Jermolene/TiddlyWiki5/issues/3724#issuecomment-565702492 -- thanks @pmario * Revert all the changes to the relationship between the syncer and the syncadaptor Previously we had some major rearrangements to make it possible for the syncadaptor to route it's logging to the logger used by the syncer. The motivation is so that the "copy logs to clipboard" button is more useful. On reflection, changing the interface this drastically is undesirable from a backwards compatibility perspective, so I'm going to investigate other ways to achieve the logger sharing * Make the tiddlyweb adaptor use the syncer's logger So that both are availavble when copying the syncer logs to the clipboard * Update release note * Support setting port=0 to get an OS assigned port Quite useful * Update code comment * UI: Use "Get latest changes from server" instead of "Refresh" * Add getUpdatedTiddlers() method to syncadaptor API See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573579495 * Refactor revision handling within the syncer Thanks @pmario * Fix typo in tiddlywebadaptor * Improve presentation of errors See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573695267 * Add docs for getTiddlerRevision() * Remove unused error animation * Update comment for GET /recipes/default/tiddlers/tiddlers.json * Optimise SVG cloud image * Add optional list of allowed filters for get all tiddlers route An attempt to address @Arlen22's concern here: https://github.com/Jermolene/TiddlyWiki5/pull/4373#pullrequestreview-342146190 * Fix network error alert text translatability * Fix error code and logging for GET /recipes/default/tiddlers/tiddlers.json Thanks @Arlen22 * Flip GET /recipes/default/tiddlers/tiddlers.json allowed filter handling to be secure by default * Validate updates received from getUpdatedTiddlers() * Add syncer method to force loading of a tiddler from the server * Remove the release note update to remove the merge conflict * Fix crash when there's no config section in the tiddlywiki.info file * Use config tiddler title to check filter query (merge into fix-syncer) (#4478) * Use config tiddler title to check filter query * Create config-tiddlers-filter.tid * Add config switch to enable all filters on GET /recipes/default/tiddlers/tiddlers.json And update docs * Fix bug when deleting a tiddler with a shadow Reported by @kookma at https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-604027528 Co-authored-by: jed <inmysocks@fastmail.com> Co-authored-by: Arlen22 <arlenbee@gmail.com>
2020-03-30 14:24:05 +00:00
margin: 14px;
padding: 7px;
border: 1px solid <<colour alert-border>>;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
background-color: <<colour alert-background>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-alert-toolbar {
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
position: absolute;
Fix syncer to handler errors properly (#4373) * First commit * Add throttling of saves Now we refuse to save a tiddler more often than once per second. * Wait for a timeout before trying again after an error * Modest optimisations of isDirty() method * Synchronise system tiddlers and deletions from the server Fixes two long-standing issues: * Changes to system tiddlers are not synchronised from the server to the browser * Deletions of tiddlers on the server are not propagated to browser clients * Make sure we update the dirty status even if there isn't a task to perform * Replace save-wiki button with popup sync menu * Remove the "Server" control panel tab We don't need it with the enhanced sync dropdown * Add indentation to the save-wiki button * Fix spacing in dropdown menu items * Switch between cloud icons according to dirty status * Add a menu item to copy syncer logs to the clipboard * Improve animated icon * Remove indentation from save-wiki button @pmario the annoying thing is that using `\trim whitespace` trims significant whitespace too, so it means we have to use <$text text=" "/> when we need a space that won't be trimmed. For the moment, I've removed the indentation but will keep thinking about it. * Further icon, UI and copy text tweaks Move the icons and styles from the core into the TiddlyWeb plugin * Clean up PR diff * Tweak animation durations * Break the actions from the syncer dropdown into separate tiddlers @pmario I think this makes things a bit easier to follow * Refactor syncadaptor creation and logging The goal is for the syncadaptor to be able to log to the same logger as the syncer, so that the "copy syncer logs to clipboard" data is more useful. * Don't transition the dirty indicator container colour, just the SVG's colour * Only trigger a sync for changes to tiddlers we're interested in Otherwise it is triggered by the creation of the alert tiddlers used to display errors. * Restore deleting local tiddlers removed from the server (I had commented it out for some testing and accidentally commited it). * Guard against missing adaptor info * We still need to trigger a timeout when there was no task to process * Avoid repeatedly polling for changes Instead we only trigger a timeout call at if there is a pending task (ie a tiddler that has changed but isn't yet old enough to save). * Lazy loading: include skinny versions of lazily loaded tiddlers in the index.html * Introduce _is_skinny field for indicating that a tiddler is subject to lazy loading * Remove savetrail plugin from prerelease It doesn't yet work with the new syncer * Make the savetrail plugin work again * Clear outstanding alerts when synchronisation is restored * Logger: only remove alerts from the same component Missed off 9f5c0de07 * Make the saving throttle interval configurable (#4385) After switching Bob to use the core syncer the throttle interval makes saving feel very sluggish compared to the message queue setup that I had before. The editing lock that I use to prevent conflicts with multiple users doesn't go away until the save is completed, and with the 1 second delay it means that if you edit a tiddler and save it than you have to wait one second before you can edit it again. * Tweaks to appearance of alerts * Exclude temp tiddlers from offline snapshots Otherwise alerts will persist * Tweak appearance of status line in dropdown * Update release note * Web server: Don't include full path in error messages Fixes #3724 * In change event handler check for deletions * Disable the official plugin library when the tiddlyweb plugin is loaded * Hide error details from browser for /files/ route See https://github.com/Jermolene/TiddlyWiki5/issues/3724#issuecomment-565702492 -- thanks @pmario * Revert all the changes to the relationship between the syncer and the syncadaptor Previously we had some major rearrangements to make it possible for the syncadaptor to route it's logging to the logger used by the syncer. The motivation is so that the "copy logs to clipboard" button is more useful. On reflection, changing the interface this drastically is undesirable from a backwards compatibility perspective, so I'm going to investigate other ways to achieve the logger sharing * Make the tiddlyweb adaptor use the syncer's logger So that both are availavble when copying the syncer logs to the clipboard * Update release note * Support setting port=0 to get an OS assigned port Quite useful * Update code comment * UI: Use "Get latest changes from server" instead of "Refresh" * Add getUpdatedTiddlers() method to syncadaptor API See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573579495 * Refactor revision handling within the syncer Thanks @pmario * Fix typo in tiddlywebadaptor * Improve presentation of errors See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573695267 * Add docs for getTiddlerRevision() * Remove unused error animation * Update comment for GET /recipes/default/tiddlers/tiddlers.json * Optimise SVG cloud image * Add optional list of allowed filters for get all tiddlers route An attempt to address @Arlen22's concern here: https://github.com/Jermolene/TiddlyWiki5/pull/4373#pullrequestreview-342146190 * Fix network error alert text translatability * Fix error code and logging for GET /recipes/default/tiddlers/tiddlers.json Thanks @Arlen22 * Flip GET /recipes/default/tiddlers/tiddlers.json allowed filter handling to be secure by default * Validate updates received from getUpdatedTiddlers() * Add syncer method to force loading of a tiddler from the server * Remove the release note update to remove the merge conflict * Fix crash when there's no config section in the tiddlywiki.info file * Use config tiddler title to check filter query (merge into fix-syncer) (#4478) * Use config tiddler title to check filter query * Create config-tiddlers-filter.tid * Add config switch to enable all filters on GET /recipes/default/tiddlers/tiddlers.json And update docs * Fix bug when deleting a tiddler with a shadow Reported by @kookma at https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-604027528 Co-authored-by: jed <inmysocks@fastmail.com> Co-authored-by: Arlen22 <arlenbee@gmail.com>
2020-03-30 14:24:05 +00:00
top: 7px;
right: 7px;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
line-height: 0;
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-alert-toolbar svg {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
fill: <<colour alert-muted-foreground>>;
Add a demo of alerts and tweak styles
2014-02-15 17:36:49 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-alert-subtitle {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour alert-muted-foreground>>;
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
font-weight: bold;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
font-size: 0.8em;
margin-bottom: 0.5em;
Fix syncer to handler errors properly (#4373) * First commit * Add throttling of saves Now we refuse to save a tiddler more often than once per second. * Wait for a timeout before trying again after an error * Modest optimisations of isDirty() method * Synchronise system tiddlers and deletions from the server Fixes two long-standing issues: * Changes to system tiddlers are not synchronised from the server to the browser * Deletions of tiddlers on the server are not propagated to browser clients * Make sure we update the dirty status even if there isn't a task to perform * Replace save-wiki button with popup sync menu * Remove the "Server" control panel tab We don't need it with the enhanced sync dropdown * Add indentation to the save-wiki button * Fix spacing in dropdown menu items * Switch between cloud icons according to dirty status * Add a menu item to copy syncer logs to the clipboard * Improve animated icon * Remove indentation from save-wiki button @pmario the annoying thing is that using `\trim whitespace` trims significant whitespace too, so it means we have to use <$text text=" "/> when we need a space that won't be trimmed. For the moment, I've removed the indentation but will keep thinking about it. * Further icon, UI and copy text tweaks Move the icons and styles from the core into the TiddlyWeb plugin * Clean up PR diff * Tweak animation durations * Break the actions from the syncer dropdown into separate tiddlers @pmario I think this makes things a bit easier to follow * Refactor syncadaptor creation and logging The goal is for the syncadaptor to be able to log to the same logger as the syncer, so that the "copy syncer logs to clipboard" data is more useful. * Don't transition the dirty indicator container colour, just the SVG's colour * Only trigger a sync for changes to tiddlers we're interested in Otherwise it is triggered by the creation of the alert tiddlers used to display errors. * Restore deleting local tiddlers removed from the server (I had commented it out for some testing and accidentally commited it). * Guard against missing adaptor info * We still need to trigger a timeout when there was no task to process * Avoid repeatedly polling for changes Instead we only trigger a timeout call at if there is a pending task (ie a tiddler that has changed but isn't yet old enough to save). * Lazy loading: include skinny versions of lazily loaded tiddlers in the index.html * Introduce _is_skinny field for indicating that a tiddler is subject to lazy loading * Remove savetrail plugin from prerelease It doesn't yet work with the new syncer * Make the savetrail plugin work again * Clear outstanding alerts when synchronisation is restored * Logger: only remove alerts from the same component Missed off 9f5c0de07 * Make the saving throttle interval configurable (#4385) After switching Bob to use the core syncer the throttle interval makes saving feel very sluggish compared to the message queue setup that I had before. The editing lock that I use to prevent conflicts with multiple users doesn't go away until the save is completed, and with the 1 second delay it means that if you edit a tiddler and save it than you have to wait one second before you can edit it again. * Tweaks to appearance of alerts * Exclude temp tiddlers from offline snapshots Otherwise alerts will persist * Tweak appearance of status line in dropdown * Update release note * Web server: Don't include full path in error messages Fixes #3724 * In change event handler check for deletions * Disable the official plugin library when the tiddlyweb plugin is loaded * Hide error details from browser for /files/ route See https://github.com/Jermolene/TiddlyWiki5/issues/3724#issuecomment-565702492 -- thanks @pmario * Revert all the changes to the relationship between the syncer and the syncadaptor Previously we had some major rearrangements to make it possible for the syncadaptor to route it's logging to the logger used by the syncer. The motivation is so that the "copy logs to clipboard" button is more useful. On reflection, changing the interface this drastically is undesirable from a backwards compatibility perspective, so I'm going to investigate other ways to achieve the logger sharing * Make the tiddlyweb adaptor use the syncer's logger So that both are availavble when copying the syncer logs to the clipboard * Update release note * Support setting port=0 to get an OS assigned port Quite useful * Update code comment * UI: Use "Get latest changes from server" instead of "Refresh" * Add getUpdatedTiddlers() method to syncadaptor API See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573579495 * Refactor revision handling within the syncer Thanks @pmario * Fix typo in tiddlywebadaptor * Improve presentation of errors See https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-573695267 * Add docs for getTiddlerRevision() * Remove unused error animation * Update comment for GET /recipes/default/tiddlers/tiddlers.json * Optimise SVG cloud image * Add optional list of allowed filters for get all tiddlers route An attempt to address @Arlen22's concern here: https://github.com/Jermolene/TiddlyWiki5/pull/4373#pullrequestreview-342146190 * Fix network error alert text translatability * Fix error code and logging for GET /recipes/default/tiddlers/tiddlers.json Thanks @Arlen22 * Flip GET /recipes/default/tiddlers/tiddlers.json allowed filter handling to be secure by default * Validate updates received from getUpdatedTiddlers() * Add syncer method to force loading of a tiddler from the server * Remove the release note update to remove the merge conflict * Fix crash when there's no config section in the tiddlywiki.info file * Use config tiddler title to check filter query (merge into fix-syncer) (#4478) * Use config tiddler title to check filter query * Create config-tiddlers-filter.tid * Add config switch to enable all filters on GET /recipes/default/tiddlers/tiddlers.json And update docs * Fix bug when deleting a tiddler with a shadow Reported by @kookma at https://github.com/Jermolene/TiddlyWiki5/pull/4373#issuecomment-604027528 Co-authored-by: jed <inmysocks@fastmail.com> Co-authored-by: Arlen22 <arlenbee@gmail.com>
2020-03-30 14:24:05 +00:00
}
.tc-alert-body > p {
margin: 0;
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-alert-highlight {
Expose code font family in Control Panel
2015-02-27 12:46:19 +00:00
color: <<colour alert-highlight>>;
Enhance alerting to coalesce repeated alerts with the same text
2014-02-14 10:29:26 +00:00
}
Expand the logging mechanism to support alerts overlaid on the main screen Now we get decent visual indication of sync errors, for instance. Still work to do to coalesce alerts so that the screen doesn’t fill up with them after an interval. And probably we should add a button to clear all alerts.
2014-02-14 07:53:41 +00:00
Make fieldvalue-input a bit larger when viewport is narrow (#5007) * Make field-value input display a bit larger when narrow * Update base.tid * Update base.tid * Update base.tid
2020-11-08 22:30:31 +00:00
@media (min-width: <<sidebarbreakpoint>>) {
Fix static banner on mobile Fixes #1736
2015-05-18 17:48:22 +00:00
.tc-static-alert {
position: relative;
}
.tc-static-alert-inner {
position: absolute;
z-index: 100;
}
Slightly improve the dislocated formatting of the static banner for tw5.com
2013-11-29 22:44:16 +00:00
}
Final round of "tw-" -> "tc-" conversions Part of #764
2014-08-28 18:53:02 +00:00
.tc-static-alert-inner {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 0 2px 2px 42px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour static-alert-foreground>>;
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
}
Experimental "persistent draft indicators" Fixes #3409
2018-08-23 17:02:39 +00:00
/*
** Floating drafts list
*/
.tc-drafts-list {
z-index: 2000;
position: fixed;
font-size: 0.8em;
left: 0;
bottom: 0;
}
.tc-drafts-list a {
margin: 0 0.5em;
padding: 4px 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid <<colour background>>;
Fix typo in CSS for drafts list (#6552) Fixed typo in CSS for drafts list
2022-03-23 13:06:08 +00:00
border-bottom: none;
Experimental "persistent draft indicators" Fixes #3409
2018-08-23 17:02:39 +00:00
background: <<colour dirty-indicator>>;
color: <<colour background>>;
fill: <<colour background>>;
}
.tc-drafts-list a:hover {
text-decoration: none;
background: <<colour foreground>>;
color: <<colour background>>;
fill: <<colour background>>;
}
.tc-drafts-list a svg {
width: 1em;
height: 1em;
vertical-align: text-bottom;
}
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
/*
** Control panel
*/
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-control-panel td {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
padding: 4px;
}
Rename more "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:08:31 +00:00
.tc-control-panel table, .tc-control-panel table input, .tc-control-panel table textarea {
Split a basic Vanilla theme out of Snow White And add a new Night-Time theme for the /dev wiki. The idea is that the Vanilla theme will make a more convenient base for retheming.
2013-11-27 12:38:03 +00:00
width: 100%;
}
Message box styling
2013-11-27 21:30:11 +00:00
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
.tc-plugin-info {
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
display: flex;
Improve sidebar plugin listing Fixes #6167
2021-12-07 13:17:15 +00:00
text-shadow: none;
Improve plugin tab layout It’s still a bit of a mess, and the vertical alignment isn’t working properly
2014-08-08 09:01:21 +00:00
border: 1px solid <<colour muted-foreground>>;
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
fill: <<colour muted-foreground>>;
Introduce "parent-plugin" field to control how plugins are displayed in the chooser "Sub-plugins" are displayed within the dropdown of their parent plugin. This is a more elaborate version of #4109. It doesn't address dependent plugins (yet), this is just about grouping addon plugins under their parent.
2019-09-25 15:16:28 +00:00
background-color: <<colour background>>;
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
margin: 0.5em 0 0.5em 0;
padding: 4px;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
align-items: center;
Improve plugin tab layout It’s still a bit of a mess, and the vertical alignment isn’t working properly
2014-08-08 09:01:21 +00:00
}
Sidebar plugin listing Fix text colour in DarkPhotos and Muted palettes Thanks @kookma See https://github.com/Jermolene/TiddlyWiki5/discussions/6167#discussioncomment-1768298
2021-12-07 21:30:38 +00:00
.tc-sidebar-lists a.tc-tiddlylink.tc-plugin-info {
color: <<colour tiddler-link-foreground>>;
}
Introduce "parent-plugin" field to control how plugins are displayed in the chooser "Sub-plugins" are displayed within the dropdown of their parent plugin. This is a more elaborate version of #4109. It doesn't address dependent plugins (yet), this is just about grouping addon plugins under their parent.
2019-09-25 15:16:28 +00:00
.tc-plugin-info-sub-plugins .tc-plugin-info {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
margin: 0.5em;
AddPlugins: Add a clearer prompt for plugins that have subplugins
2020-04-09 10:06:54 +00:00
background: <<colour background>>;
}
.tc-plugin-info-sub-plugin-indicator {
margin: -16px 1em 0 2em;
}
.tc-plugin-info-sub-plugin-indicator button {
color: <<colour background>>;
background: <<colour foreground>>;
border-radius: 8px;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
padding: 2px 7px;
font-size: 0.75em;
Introduce "parent-plugin" field to control how plugins are displayed in the chooser "Sub-plugins" are displayed within the dropdown of their parent plugin. This is a more elaborate version of #4109. It doesn't address dependent plugins (yet), this is just about grouping addon plugins under their parent.
2019-09-25 15:16:28 +00:00
}
Fix sub-plugin dropdown display
2019-09-25 20:56:54 +00:00
.tc-plugin-info-sub-plugins .tc-plugin-info-dropdown {
margin-left: 1em;
margin-right: 1em;
}
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
.tc-plugin-info-disabled {
Make it possible to disable plugins
2014-08-15 20:10:40 +00:00
background: -webkit-repeating-linear-gradient(45deg, #ff0, #ff0 10px, #eee 10px, #eee 20px);
background: repeating-linear-gradient(45deg, #ff0, #ff0 10px, #eee 10px, #eee 20px);
}
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
.tc-plugin-info-disabled:hover {
Make it possible to disable plugins
2014-08-15 20:10:40 +00:00
background: -webkit-repeating-linear-gradient(45deg, #aa0, #aa0 10px, #888 10px, #888 20px);
background: repeating-linear-gradient(45deg, #aa0, #aa0 10px, #888 10px, #888 20px);
}
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
a.tc-tiddlylink.tc-plugin-info:hover {
More formatting improvements for plugins control panel
2014-08-09 10:54:07 +00:00
text-decoration: none;
background-color: <<colour primary>>;
color: <<colour background>>;
Slightly improved styling for plugins tab
2014-11-14 09:46:24 +00:00
fill: <<colour foreground>>;
}
Adding SolarizedDark Palette, updated SolarizedLight and one tiny UI fix (#4799) * Fixed Overflow svg fill When hovered, the svg should be the same colour as the text it comes alongside. This fixes that. * Fixed the Solarized Palettes as per spec - Added the Solarized Dark palette - Remade the Solarized Light palette with the right contrast ratios as per Solarized Spec. * Sidebar Selected Tab UI Change Changed the selected tab border and foreground from pink to white(base01) because the pink was too distracting and not very readable. * Fixed Hover css for plugin info listing The css was not working so I fixed it. * Fixed the UI for plugin info tiddler (among others)
2020-08-11 17:54:17 +00:00
a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk > svg {
fill: <<colour background>>;
More formatting improvements for plugins control panel
2014-08-09 10:54:07 +00:00
}
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
.tc-plugin-info-chunk {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
margin: 2px;
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
}
.tc-plugin-info-chunk.tc-plugin-info-toggle {
flex-grow: 0;
flex-shrink: 0;
Fix formatting of plugin listing in control panel And make some minor tweaks across the plugin chooser too
2019-09-20 13:30:52 +00:00
line-height: 1;
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
}
.tc-plugin-info-chunk.tc-plugin-info-icon {
flex-grow: 0;
flex-shrink: 0;
Fix formatting of plugin listing in control panel And make some minor tweaks across the plugin chooser too
2019-09-20 13:30:52 +00:00
line-height: 1;
More improvements to control panel plugin formatting
2014-08-08 16:19:48 +00:00
}
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
.tc-plugin-info-chunk.tc-plugin-info-description {
flex-grow: 1;
}
.tc-plugin-info-chunk.tc-plugin-info-buttons {
font-size: 0.8em;
line-height: 1.2;
flex-grow: 0;
flex-shrink: 0;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
text-align: right;
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
}
.tc-plugin-info-chunk.tc-plugin-info-description h1 {
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
font-size: 1em;
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
line-height: 1.2;
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
margin: 2px 0 2px 0;
}
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
.tc-plugin-info-chunk.tc-plugin-info-description h2 {
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
font-size: 0.8em;
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
line-height: 1.2;
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
margin: 2px 0 2px 0;
}
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
.tc-plugin-info-chunk.tc-plugin-info-description div {
Remove youtube specificity from thumbnail macros
2015-03-23 11:36:11 +00:00
font-size: 0.7em;
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
line-height: 1.2;
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
margin: 2px 0 2px 0;
}
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
.tc-plugin-info-chunk.tc-plugin-info-toggle img, .tc-plugin-info-chunk.tc-plugin-info-toggle svg {
Fix formatting of plugin listing in control panel And make some minor tweaks across the plugin chooser too
2019-09-20 13:30:52 +00:00
width: 1em;
height: 1em;
More specificity for plugin listing CSS rules This is to enable us to use nested SVGs as icons (see next commit)
2015-08-02 10:38:25 +00:00
}
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
.tc-plugin-info-chunk.tc-plugin-info-icon img, .tc-plugin-info-chunk.tc-plugin-info-icon svg {
Slightly improved styling for plugins tab
2014-11-14 09:46:24 +00:00
width: 2em;
height: 2em;
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
}
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
.tc-plugin-info-dropdown {
More formatting improvements for plugins control panel
2014-08-09 10:54:07 +00:00
border: 1px solid <<colour muted-foreground>>;
Plugin improvements * Improve docs * Improve styling of subplugins
2019-09-28 10:49:09 +00:00
background: <<colour background>>;
Lots of improvements to the plugin library * Moved “add new plugin” into a modal wizard * Adopt big friendly buttons * Add plugin icons and readmes to “add new plugin” modal * Use tabs for splitting plugins/themes/languages * Consistent styling between the “add new plugin” modal and the “installed plugins” control panel tab * Behind the scenes, moved from addressing the library as `recipes/defaults/tiddlers/<etc>` to `recipes/library/tiddlers<etc>`
2015-03-18 11:46:28 +00:00
margin-top: -8px;
}
.tc-plugin-info-dropdown-message {
background: <<colour message-background>>;
padding: 0.5em 1em 0.5em 1em;
font-weight: bold;
font-size: 0.8em;
}
.tc-plugin-info-dropdown-body {
Plugin library chooser improvements * Make "Also requires:" translatable * Clearer styling for sub-plugins * Documentation tweaks
2019-09-28 09:06:18 +00:00
padding: 1em 1em 0 1em;
Plugin improvements * Improve docs * Improve styling of subplugins
2019-09-28 10:49:09 +00:00
background: <<colour background>>;
Plugin library chooser improvements * Make "Also requires:" translatable * Clearer styling for sub-plugins * Documentation tweaks
2019-09-28 09:06:18 +00:00
}
.tc-plugin-info-sub-plugins {
AddPlugins: Add a clearer prompt for plugins that have subplugins
2020-04-09 10:06:54 +00:00
padding: 0.5em;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
margin: 0 1em 1em 1em;
AddPlugins: Add a clearer prompt for plugins that have subplugins
2020-04-09 10:06:54 +00:00
background: <<colour notification-background>>;
More formatting improvements for plugins control panel
2014-08-09 10:54:07 +00:00
}
AddPlugins: Add a clearer prompt for plugins that have subplugins
2020-04-09 10:06:54 +00:00
.tc-install-plugin {
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
font-weight: bold;
background: green;
color: white;
fill: white;
border-radius: 4px;
padding: 3px;
}
Plugin Chooser: Distinguish between install, reinstall, update and downgrade
2020-04-13 09:04:14 +00:00
.tc-install-plugin.tc-reinstall-downgrade {
background: red;
}
AddPlugins: Add a clearer prompt for plugins that have subplugins
2020-04-09 10:06:54 +00:00
.tc-install-plugin.tc-reinstall {
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
background: blue;
}
Plugin Chooser: Distinguish between install, reinstall, update and downgrade
2020-04-13 09:04:14 +00:00
.tc-install-plugin.tc-reinstall-upgrade {
background: orange;
}
Improve appearance of plugin chooser
2019-09-19 12:20:07 +00:00
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
.tc-check-list {
line-height: 2em;
}
.tc-check-list .tc-image-button {
height: 1.5em;
}
Message box styling
2013-11-27 21:30:11 +00:00
/*
** Message boxes
*/
More conversion of "tw-*" classes to "tc-*" Part of #764
2014-08-28 18:13:21 +00:00
.tc-message-box {
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
border: 1px solid <<colour message-border>>;
background: <<colour message-background>>;
Message box styling
2013-11-27 21:30:11 +00:00
padding: 0px 21px 0px 21px;
Better styles for the message box
2013-11-28 07:41:28 +00:00
font-size: 12px;
line-height: 18px;
First pass at switchable colour palettes Fixes #410 Still some cleaning up to do, and we need a way for incomplete palettes to inherit from a base palette.
2014-02-17 12:09:10 +00:00
color: <<colour message-foreground>>;
Message box styling
2013-11-27 21:30:11 +00:00
}
Add support for relinking when renaming tiddlers When renaming an existing tiddler, the edit template now shows a checkbox that determines whether or not to relink references to the tiddler in the list or tags fields of other tiddlers.
2016-12-15 17:12:57 +00:00
.tc-message-box svg {
width: 1em;
height: 1em;
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
vertical-align: text-bottom;
Add support for relinking when renaming tiddlers When renaming an existing tiddler, the edit template now shows a checkbox that determines whether or not to relink references to the tiddler in the list or tags fields of other tiddlers.
2016-12-15 17:12:57 +00:00
}
Experiment with slightly bigger body text Trying to improve readability
2014-09-10 20:56:43 +00:00
/*
** Pictures
*/
.tc-bordered-image {
border: 1px solid <<colour muted-foreground>>;
padding: 5px;
margin: 5px;
}
/*
** Floats
*/
.tc-float-right {
Message box styling
2013-11-27 21:30:11 +00:00
float: right;
}
Add colour swatches to palette switcher
2014-02-18 13:59:11 +00:00
Add palette editor
2014-02-20 10:00:38 +00:00
/*
** Chooser
*/
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-chooser {
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
border-right: 1px solid <<colour table-header-background>>;
border-left: 1px solid <<colour table-header-background>>;
Add palette editor
2014-02-20 10:00:38 +00:00
}
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-chooser-item {
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
border-bottom: 1px solid <<colour table-header-background>>;
border-top: 1px solid <<colour table-header-background>>;
padding: 2px 4px 2px 14px;
}
.tc-drop-down .tc-chooser-item {
padding: 2px;
}
.tc-chosen,
.tc-chooser-item:hover {
background-color: <<colour table-header-background>>;
border-color: <<colour table-footer-background>>;
Add palette editor
2014-02-20 10:00:38 +00:00
}
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
.tc-chosen .tc-tiddlylink {
cursor:default;
}
.tc-chooser-item .tc-tiddlylink {
Add palette editor
2014-02-20 10:00:38 +00:00
display: block;
Fixed a typo
2014-03-05 04:15:53 +00:00
text-decoration: none;
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
background-color: transparent;
Add palette editor
2014-02-20 10:00:38 +00:00
}
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
.tc-chooser-item:hover .tc-tiddlylink:hover {
Add palette editor
2014-02-20 10:00:38 +00:00
text-decoration: none;
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item
2018-04-06 16:26:54 +00:00
}
.tc-drop-down .tc-chosen .tc-tiddlylink,
.tc-drop-down .tc-chooser-item .tc-tiddlylink:hover {
color: <<colour foreground>>;
}
.tc-chosen > .tc-tiddlylink:before {
margin-left: -10px;
position: relative;
content: "» ";
}
.tc-chooser-item svg,
.tc-chooser-item img{
width: 1em;
height: 1em;
vertical-align: middle;
}
.tc-language-chooser .tc-image-button img {
width: 2em;
vertical-align: -0.15em;
Add palette editor
2014-02-20 10:00:38 +00:00
}
Add colour swatches to palette switcher
2014-02-18 13:59:11 +00:00
/*
** Palette swatches
*/
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-swatches-horiz {
Add colour swatches to palette switcher
2014-02-18 13:59:11 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-swatches-horiz .tc-swatch {
Add colour swatches to palette switcher
2014-02-18 13:59:11 +00:00
display: inline-block;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-swatch {
Add colour swatches to palette switcher
2014-02-18 13:59:11 +00:00
width: 2em;
height: 2em;
Add palette page control button
2015-05-05 17:53:30 +00:00
margin: 0.4em;
border: 1px solid #888;
Add colour swatches to palette switcher
2014-02-18 13:59:11 +00:00
}
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +00:00
Add/refactor PaletteManager (#3832) * add PaletteManager * add hint for "external" palette-names * macro utility, for local \import only this tiddler is never meant to be tagged $:/tags/Macro contains only a colour macro which allows to call `<<colour "...">>` within a tiddler and get the parameter-name instead of the resolved color used in the PaletteManager to reveal the original color below the color that just uses its color with the colour macrocall example: ``` \define get-real-index(string) \import $:/core/macros/utils <$wikify $name="result" text="""$string$"""> <- does the "colour" macrocall, but the one that returns the parameter name <<result>> </$wikify> \end <$set name="color" value={{{ [{$:/palette}getindex[color-of-interest]] }}}> -> <<colour primary>> <$wikify name="real-color-index" text="""<$macrocall $name="get-real-index" string=<<color>>/>"""> <<real-color-index>> -> primary ... ``` * transclude PaletteManager in snippets/paletteeditor * transclude PaletteManager in core/ui/ControlPanel/Palette * Update ControlPanel.multids * add style for color inputs in PaletteManager * Update PaletteManager.tid * Update PaletteManager.tid * add tooltips & aria-labels * Update ControlPanel.multids * Update PaletteManager.tid * Update PaletteManager.tid * Update PaletteManager.tid
2019-06-26 11:36:13 +00:00
input.tc-palette-manager-colour-input {
width: 100%;
padding: 0;
}
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
/*
** Table of contents
*/
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-sidebar-lists .tc-table-of-contents {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
white-space: nowrap;
}
Rejig the page layout to use the scrollable widget This is the start of some refactoring of the main layout CSS intended to give us more flexibility and control.
2014-03-25 14:29:16 +00:00
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents button {
Fix table-of-contents button colour
2014-08-02 21:49:30 +00:00
color: <<colour sidebar-foreground>>;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents svg {
Use SVG icons for expand/collapse
2014-06-21 10:49:42 +00:00
width: 0.7em;
height: 0.7em;
vertical-align: middle;
Fix table-of-contents button colour
2014-08-02 21:49:30 +00:00
fill: <<colour sidebar-foreground>>;
Use SVG icons for expand/collapse
2014-06-21 10:49:42 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents ol {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
list-style-type: none;
padding-left: 0;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents ol ol {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
padding-left: 1em;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents li {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
font-size: 1.0em;
font-weight: bold;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents li a {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
font-weight: bold;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents li li {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
font-size: 0.95em;
font-weight: normal;
line-height: 1.4;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents li li a {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
font-weight: normal;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents li li li {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
font-size: 0.95em;
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
line-height: 1.5;
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-table-of-contents li li li li {
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
font-size: 0.95em;
Update "Snow White" font-family and font-weight Fixes #5896
2021-07-19 11:54:57 +00:00
font-weight: normal;
Add table of contents to tw5.com
2014-06-21 10:17:04 +00:00
}
Add unsaved changes indicator The “save” icon changes to red to indicate that there are unsaved changes.
2014-07-30 15:46:13 +00:00
Add tabbed table of contents
2014-11-13 21:39:28 +00:00
.tc-tabbed-table-of-contents {
display: -webkit-flex;
display: flex;
}
.tc-tabbed-table-of-contents .tc-table-of-contents {
z-index: 100;
display: inline-block;
padding-left: 1em;
max-width: 50%;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
background: <<colour tab-background>>;
border-left: 1px solid <<colour tab-border>>;
border-top: 1px solid <<colour tab-border>>;
border-bottom: 1px solid <<colour tab-border>>;
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a,
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a {
display: block;
padding: 0.12em 1em 0.12em 0.25em;
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a {
border-top: 1px solid <<colour tab-background>>;
border-left: 1px solid <<colour tab-background>>;
border-bottom: 1px solid <<colour tab-background>>;
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a:hover {
text-decoration: none;
border-top: 1px solid <<colour tab-border>>;
border-left: 1px solid <<colour tab-border>>;
border-bottom: 1px solid <<colour tab-border>>;
background: <<colour tab-border>>;
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a {
border-top: 1px solid <<colour tab-border>>;
border-left: 1px solid <<colour tab-border>>;
border-bottom: 1px solid <<colour tab-border>>;
background: <<colour background>>;
margin-right: -1px;
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a:hover {
text-decoration: none;
}
.tc-tabbed-table-of-contents .tc-tabbed-table-of-contents-content {
display: inline-block;
vertical-align: top;
padding-left: 1.5em;
Style tweak
2014-11-13 21:49:19 +00:00
padding-right: 1.5em;
Add tabbed table of contents
2014-11-13 21:39:28 +00:00
border: 1px solid <<colour tab-border>>;
-webkit-flex: 1 0 50%;
flex: 1 0 50%;
}
Add unsaved changes indicator The “save” icon changes to red to indicate that there are unsaved changes.
2014-07-30 15:46:13 +00:00
/*
** Dirty indicator
*/
Change more "tw-*" classes to "tc-*" Part of #764
2014-08-28 17:21:08 +00:00
body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg {
Add unsaved changes indicator The “save” icon changes to red to indicate that there are unsaved changes.
2014-07-30 15:46:13 +00:00
fill: <<colour dirty-indicator>>;
Highlight savewiki text as well as icon
2014-07-31 07:07:31 +00:00
color: <<colour dirty-indicator>>;
Add unsaved changes indicator The “save” icon changes to red to indicate that there are unsaved changes.
2014-07-30 15:46:13 +00:00
}
Add import button
2014-08-02 10:59:07 +00:00
/*
** File inputs
*/
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-file-input-wrapper {
Add import button
2014-08-02 10:59:07 +00:00
position: relative;
Fixes for file input styling
2014-08-02 11:05:01 +00:00
overflow: hidden;
Fixes for import button position
2014-08-02 11:16:14 +00:00
display: inline-block;
vertical-align: middle;
Add import button
2014-08-02 10:59:07 +00:00
}
Yet more "tw-*" -> "tc-*" Part of #764
2014-08-28 18:41:29 +00:00
.tc-file-input-wrapper input[type=file] {
Add import button
2014-08-02 10:59:07 +00:00
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 999px;
max-width: 100%;
max-height: 100%;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: pointer;
display: inline-block;
}
Add error formatting for transclusion recursion errors
2014-09-24 09:50:38 +00:00
cursor:pointer on input[type=file] doesn't work in webkit browsers... (#5244)
2020-12-10 17:09:03 +00:00
::-webkit-file-upload-button {
cursor:pointer;
}
Replace big red introduction video with thumbnail Hopefully fixes #1547
2015-03-22 17:35:37 +00:00
/*
Simplify the link panels
2015-03-25 11:11:18 +00:00
** Thumbnail macros
Replace big red introduction video with thumbnail Hopefully fixes #1547
2015-03-22 17:35:37 +00:00
*/
Remove youtube specificity from thumbnail macros
2015-03-23 11:36:11 +00:00
.tc-thumbnail-wrapper {
Replace big red introduction video with thumbnail Hopefully fixes #1547
2015-03-22 17:35:37 +00:00
position: relative;
display: inline-block;
Give link panels rounded corners The idea is that the rounded corners help the video preview to look like a video preview.
2015-04-16 17:34:42 +00:00
margin: 6px;
Fix vertical alignment of link panels Improves #1609
2015-03-23 17:29:51 +00:00
vertical-align: top;
Better margin and style handling for youtube macro
2015-03-22 19:52:09 +00:00
}
Remove youtube specificity from thumbnail macros
2015-03-23 11:36:11 +00:00
.tc-thumbnail-right-wrapper {
Better margin and style handling for youtube macro
2015-03-22 19:52:09 +00:00
float:right;
margin: 0.5em 0 0.5em 0.5em;
Replace big red introduction video with thumbnail Hopefully fixes #1547
2015-03-22 17:35:37 +00:00
}
Front page link panels prototype Starting to explore #1609
2015-03-23 16:05:25 +00:00
.tc-thumbnail-image {
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
text-align: center;
Tweaks to link panels Taking into account some of @pmario’s feedback
2015-03-23 19:40:52 +00:00
overflow: hidden;
Give link panels rounded corners The idea is that the rounded corners help the video preview to look like a video preview.
2015-04-16 17:34:42 +00:00
border-radius: 3px;
Front page link panels prototype Starting to explore #1609
2015-03-23 16:05:25 +00:00
}
Remove youtube specificity from thumbnail macros
2015-03-23 11:36:11 +00:00
.tc-thumbnail-image svg,
.tc-thumbnail-image img {
Tweaks to link panels Taking into account some of @pmario’s feedback
2015-03-23 19:40:52 +00:00
filter: alpha(opacity=1);
opacity: 1;
Convert spaces to tabs
2016-04-29 16:02:05 +00:00
min-width: 100%;
min-height: 100%;
max-width: 100%;
Add hover effects to youtube thumbnails
2015-03-22 17:52:09 +00:00
}
Remove youtube specificity from thumbnail macros
2015-03-23 11:36:11 +00:00
.tc-thumbnail-wrapper:hover .tc-thumbnail-image svg,
.tc-thumbnail-wrapper:hover .tc-thumbnail-image img {
Tweaks to link panels Taking into account some of @pmario’s feedback
2015-03-23 19:40:52 +00:00
filter: alpha(opacity=0.8);
opacity: 0.8;
Replace big red introduction video with thumbnail Hopefully fixes #1547
2015-03-22 17:35:37 +00:00
}
Front page link panels prototype Starting to explore #1609
2015-03-23 16:05:25 +00:00
.tc-thumbnail-background {
position: absolute;
Give link panels rounded corners The idea is that the rounded corners help the video preview to look like a video preview.
2015-04-16 17:34:42 +00:00
border-radius: 3px;
Add hover effects to youtube thumbnails
2015-03-22 17:52:09 +00:00
}
Front page link panels prototype Starting to explore #1609
2015-03-23 16:05:25 +00:00
.tc-thumbnail-icon svg,
.tc-thumbnail-icon img {
Tweaks to link panels Taking into account some of @pmario’s feedback
2015-03-23 19:40:52 +00:00
width: 3em;
height: 3em;
fix youtube icon cut of in FF win. also see: https://github.com/Jermolene/TiddlyWiki5/commit/28050fb4885f36b0abf19d4d5a49c175fb5c3f4e#commitcomment-11170096
2015-05-13 07:22:52 +00:00
<<filter "drop-shadow(2px 2px 4px rgba(0,0,0,0.3))">>
Replace big red introduction video with thumbnail Hopefully fixes #1547
2015-03-22 17:35:37 +00:00
}
Front page link panels prototype Starting to explore #1609
2015-03-23 16:05:25 +00:00
.tc-thumbnail-wrapper:hover .tc-thumbnail-icon svg,
.tc-thumbnail-wrapper:hover .tc-thumbnail-icon img {
fill: #fff;
fix youtube icon cut of in FF win. also see: https://github.com/Jermolene/TiddlyWiki5/commit/28050fb4885f36b0abf19d4d5a49c175fb5c3f4e#commitcomment-11170096
2015-05-13 07:22:52 +00:00
<<filter "drop-shadow(3px 3px 4px rgba(0,0,0,0.6))">>
Front page link panels prototype Starting to explore #1609
2015-03-23 16:05:25 +00:00
}
.tc-thumbnail-icon {
Replace big red introduction video with thumbnail Hopefully fixes #1547
2015-03-22 17:35:37 +00:00
position: absolute;
Link panel styling tweaks
2015-04-01 13:08:16 +00:00
top: 0;
left: 0;
right: 0;
bottom: 0;
Fix thumbnail flex properties for Safari
2015-04-10 16:01:18 +00:00
display: -webkit-flex;
fix HelloThere video link icon for FF
2015-05-10 08:25:37 +00:00
-webkit-align-items: center;
-webkit-justify-content: center;
display: flex;
align-items: center;
justify-content: center;
Replace big red introduction video with thumbnail Hopefully fixes #1547
2015-03-22 17:35:37 +00:00
}
Remove youtube specificity from thumbnail macros
2015-03-23 11:36:11 +00:00
.tc-thumbnail-caption {
Add caption and tweak styling for youtube macro More fixes for #1547
2015-03-22 18:01:46 +00:00
position: absolute;
Tweaks to link panels Taking into account some of @pmario’s feedback
2015-03-23 19:40:52 +00:00
background-color: #777;
color: #fff;
Add caption and tweak styling for youtube macro More fixes for #1547
2015-03-22 18:01:46 +00:00
text-align: center;
bottom: 0;
width: 100%;
Tweaks to link panels Taking into account some of @pmario’s feedback
2015-03-23 19:40:52 +00:00
filter: alpha(opacity=0.9);
opacity: 0.9;
line-height: 1.4;
Give link panels rounded corners The idea is that the rounded corners help the video preview to look like a video preview.
2015-04-16 17:34:42 +00:00
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
Add caption and tweak styling for youtube macro More fixes for #1547
2015-03-22 18:01:46 +00:00
}
Remove youtube specificity from thumbnail macros
2015-03-23 11:36:11 +00:00
.tc-thumbnail-wrapper:hover .tc-thumbnail-caption {
Add caption and tweak styling for youtube macro More fixes for #1547
2015-03-22 18:01:46 +00:00
filter: alpha(opacity=1);
opacity: 1;
}
Incorporate “diff” engine to show visual differences (#3112)
2018-03-16 20:38:35 +00:00
/*
** Diffs
*/
.tc-diff-equal {
background-color: <<colour diff-equal-background>>;
color: <<colour diff-equal-foreground>>;
}
.tc-diff-insert {
background-color: <<colour diff-insert-background>>;
color: <<colour diff-insert-foreground>>;
}
.tc-diff-delete {
background-color: <<colour diff-delete-background>>;
color: <<colour diff-delete-foreground>>;
}
.tc-diff-invisible {
background-color: <<colour diff-invisible-background>>;
color: <<colour diff-invisible-foreground>>;
}
Add pluggable previews to the import listing
2018-04-03 16:50:57 +00:00
.tc-diff-tiddlers th {
text-align: right;
background: <<colour background>>;
font-weight: normal;
font-style: italic;
}
.tc-diff-tiddlers pre {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
margin: 0;
padding: 0;
border: none;
background: none;
Add pluggable previews to the import listing
2018-04-03 16:50:57 +00:00
}
Add error formatting for transclusion recursion errors
2014-09-24 09:50:38 +00:00
/*
** Errors
*/
.tc-error {
background: #f00;
color: #fff;
Create the new "tree" global macro (#2925) * Create the "tree" global macro file (tree.tid) * Added styles for the new "tree" global macro * Update Explorer tab * Cleaning the macro of unneeded code I have chosen to keep the slash suffix in the branch node titles to go along with the rest (e.g. root node), so the "clean-chunk" macro isn't needed anymore. * Minor fix
2017-06-28 16:44:15 +00:00
}
/*
** Tree macro
*/
.tc-tree div {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
padding-left: 14px;
Create the new "tree" global macro (#2925) * Create the "tree" global macro file (tree.tid) * Added styles for the new "tree" global macro * Update Explorer tab * Cleaning the macro of unneeded code I have chosen to keep the slash suffix in the branch node titles to go along with the rest (e.g. root node), so the "clean-chunk" macro isn't needed anymore. * Minor fix
2017-06-28 16:44:15 +00:00
}
.tc-tree ol {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
list-style-type: none;
padding-left: 0;
margin-top: 0;
Create the new "tree" global macro (#2925) * Create the "tree" global macro file (tree.tid) * Added styles for the new "tree" global macro * Update Explorer tab * Cleaning the macro of unneeded code I have chosen to keep the slash suffix in the branch node titles to go along with the rest (e.g. root node), so the "clean-chunk" macro isn't needed anymore. * Minor fix
2017-06-28 16:44:15 +00:00
}
.tc-tree ol ol {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
padding-left: 1em;
Create the new "tree" global macro (#2925) * Create the "tree" global macro file (tree.tid) * Added styles for the new "tree" global macro * Update Explorer tab * Cleaning the macro of unneeded code I have chosen to keep the slash suffix in the branch node titles to go along with the rest (e.g. root node), so the "clean-chunk" macro isn't needed anymore. * Minor fix
2017-06-28 16:44:15 +00:00
}
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
.tc-tree button {
color: #acacac;
Create the new "tree" global macro (#2925) * Create the "tree" global macro file (tree.tid) * Added styles for the new "tree" global macro * Update Explorer tab * Cleaning the macro of unneeded code I have chosen to keep the slash suffix in the branch node titles to go along with the rest (e.g. root node), so the "clean-chunk" macro isn't needed anymore. * Minor fix
2017-06-28 16:44:15 +00:00
}
.tc-tree svg {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
fill: #acacac;
Create the new "tree" global macro (#2925) * Create the "tree" global macro file (tree.tid) * Added styles for the new "tree" global macro * Update Explorer tab * Cleaning the macro of unneeded code I have chosen to keep the slash suffix in the branch node titles to go along with the rest (e.g. root node), so the "clean-chunk" macro isn't needed anymore. * Minor fix
2017-06-28 16:44:15 +00:00
}
.tc-tree span svg {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
width: 1em;
height: 1em;
vertical-align: baseline;
Create the new "tree" global macro (#2925) * Create the "tree" global macro file (tree.tid) * Added styles for the new "tree" global macro * Update Explorer tab * Cleaning the macro of unneeded code I have chosen to keep the slash suffix in the branch node titles to go along with the rest (e.g. root node), so the "clean-chunk" macro isn't needed anymore. * Minor fix
2017-06-28 16:44:15 +00:00
}
.tc-tree li span {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
color: lightgray;
Create the new "tree" global macro (#2925) * Create the "tree" global macro file (tree.tid) * Added styles for the new "tree" global macro * Update Explorer tab * Cleaning the macro of unneeded code I have chosen to keep the slash suffix in the branch node titles to go along with the rest (e.g. root node), so the "clean-chunk" macro isn't needed anymore. * Minor fix
2017-06-28 16:44:15 +00:00
}
Add <select> color setting to the palette (#3360) * Add <select> color setting to the palette * Signing the CLA
2018-07-19 16:25:35 +00:00
select {
Fix whitespace in themes (#5700)
2021-05-19 13:12:12 +00:00
color: <<colour select-tag-foreground>>;
background: <<colour select-tag-background>>;
Add <select> color setting to the palette (#3360) * Add <select> color setting to the palette * Signing the CLA
2018-07-19 16:25:35 +00:00
}
Avoid setting an explicit colour in the new-journal-button icon This change means that the colour for the date on the new journal button icon will change according to the current colour palette, and simplifies things for #4379
2019-11-22 12:08:53 +00:00
/*
** Utility classes for SVG icons
*/
.tc-fill-background {
fill: <<colour background>>;
Make selections follow palette colors (#4590)
2020-04-22 09:46:36 +00:00
}
Add .tc-small-gap (+left / right) and .tc-big-gap... (#4923) (+left / right) classes that define margins of .5em / 1em
2020-10-28 11:57:08 +00:00
Improvements for Import UI (#4937) * Fixed bug with old titles used in popup, improved UI for greater rename input size * Added flexbox utility CSS and use it for import UI
2020-10-29 13:01:17 +00:00
/*
** Flexbox utility classes
*/
.tc-flex {
display: -webkit-flex;
display: flex;
}
.tc-flex-column {
flex-direction: column;
}
.tc-flex-row {
flex-direction: row;
}
.tc-flex-grow-1 {
flex-grow: 1;
}
.tc-flex-grow-2 {
flex-grow: 2;
}
Add .tc-small-gap (+left / right) and .tc-big-gap... (#4923) (+left / right) classes that define margins of .5em / 1em
2020-10-28 11:57:08 +00:00
/*
** Other utility classes
*/
This PR add tc-tiny-gap-xxx to the vanilla theme. It is similar to &nbsp; and should replace it. (#5574)
2021-03-29 15:45:12 +00:00
.tc-tiny-gap {
margin-left: .25em;
margin-right: .25em;
}
.tc-tiny-gap-left {
margin-left: .25em;
}
.tc-tiny-gap-right {
margin-right: .25em;
}
Add .tc-small-gap (+left / right) and .tc-big-gap... (#4923) (+left / right) classes that define margins of .5em / 1em
2020-10-28 11:57:08 +00:00
.tc-small-gap {
margin-left: .5em;
margin-right: .5em;
}
.tc-small-gap-left {
margin-left: .5em;
}
.tc-small-gap-right {
margin-right: .5em;
}
.tc-big-gap {
margin-left: 1em;
margin-right: 1em;
}
.tc-big-gap-left {
margin-left: 1em;
}
.tc-big-gap-right {
margin-right: 1em;
}
Import UI : Fix issue with size of rename button (#5012) * Fix issue with size of rename button * Add css instead of hard coded style attribute
2020-11-08 23:21:01 +00:00
.tc-word-break {
word-break: break-all;
Move styles from menubar plugin to vanilla/base (#5019) * Update styles.tid * Update base.tid * Update styles.tid * Update base.tid
2020-11-09 18:18:30 +00:00
}
Reference in New Issue Copy Permalink