Try working these values into your stylesheet and see how it goes, it works
for me...
/* ----- edit text field ----- */
.tc-tiddler-edit-frame .tc-tiddler-preview iframe.tc-edit-texteditor {
float: none;
width: 100%;
}
/* ----- content preview area ----- */
.tc-tiddler-preview-preview {
float: none;
width: 100%;
}
On Monday, November 9, 2020 at 7:56:28 AM UTC-7 Alexander Kogan wrote:
> Hello,
> I'm trying to change the edit preview of a tiddler, so that the preview
> panel is shown under the edit textbox instead on the right side.
> This should also only be the case, if the tiddler is tagged with
> "preview-down".
>
> I'm unsing tiddlydrive v0.1.3 to display a wiki in a Google Drive and my
> theme is the Vanilla basic theme.
>
> So far I created a tiddler named "show preview under editor" with the tag
> "$:/tags/Stylesheet" and the content:
>
> [data-tags*="preview-down"] .tc-tiddler-preview-preview { float: unset;
> width: 99%; }
> [data-tags*="preview-down"] .tc-tiddler-frame .tc-tiddler-preview
> .tc-edit-texteditor { width: 99%; }
> [data-tags*="preview-down"] .tc-tiddler-frame .tc-tiddler-preview
> canvas.tc-edit-bitmapeditor { max-width: 99%; }
>
> It works except for one thing. The edit textbox is not stretched to 99%.
> If I inspect the CSS, it still shows, that it's using the old definition
> with 49%.
> If I overwrite it in the inspector manually, it also works, but it doesn't
> seem to pick up the definition from the custom stylesheet.
>
> How can I show the editor with full width?
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/c22b98cb-f909-4cc0-90f7-cbb50a9726f5n%40googlegroups.com.
