mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-12-10 02:38:06 +00:00
Code Issues Releases Wiki Activity

Style the framed editor (#3596)

Browse Source 
* style the framed editor

this makes the framed editor look a bit less ugly 😎

* Update framed.js

* Update base.tid

* Update base.tid
This commit is contained in:
BurningTreeC
2018-12-01 15:21:43 +01:00
committed by Jeremy Ruston
parent 7502ef875e
commit 6e59d2597a
3 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/modules/editor/engines/framed.js
View File

@@ -39,9 +39,11 @@ function FramedEngine(options) {
this.iframeDoc.close();
// Style the iframe
this.iframeNode.className = this.dummyTextArea.className;
this.iframeNode.style["border-radius"] = "2px";
this.iframeNode.style.border = "none";
this.iframeNode.style.padding = "0";
this.iframeNode.style.resize = "none";
this.iframeNode.style["background-color"] = this.widget.wiki.extractTiddlerDataItem(this.widget.wiki.getTiddlerText("$:/palette"),"background");
this.iframeDoc.body.style.margin = "0";
this.iframeDoc.body.style.padding = "0";
this.widget.domNodes.push(this.iframeNode);
@@ -92,6 +94,12 @@ FramedEngine.prototype.copyStyles = function() {
this.domNode.style.display = "block";
this.domNode.style.width = "100%";
this.domNode.style.margin = "0";
this.domNode.style.resize = "none";
this.domNode.style.border = "none";
this.domNode.style["border-radius"] = "2px";
this.domNode.style["padding-left"] = "0.5em";
this.domNode.style["padding-top"] = "0.3em";
this.domNode.style["background-color"] = this.widget.wiki.extractTiddlerDataItem(this.widget.wiki.getTiddlerText("$:/palette"),"background");
// In Chrome setting -webkit-text-fill-color overrides the placeholder text colour
this.domNode.style["-webkit-text-fill-color"] = "currentcolor";
};