112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
CX("#pikchrshow-output-wrapper {"
"padding: 0.25em 0.5em; border-radius: 0.25em;"
"}");
CX("#pikchrshow-output-wrapper > legend {"
"display: flex; flex-direction: row;"
"align-items: center;"
"}");
CX("#pikchrshow-output-wrapper > legend > *,"
"#pikchrshow-output-wrapper > legend > .copy-button"
/* ^^^ better-match .copy-button selector required to override
default */
"{margin-right: 0.5em}");
CX(".dragover {border: 0.5em dotted rgba(0,255,0,0.6)}");
CX("</style>");
CX("<div>Input pikchr code and tap Preview to render it:</div>");
CX("<div id='sbs-wrapper'>");
CX("<div id='pikchrshow-form'>");
CX("<textarea id='content' name='content' rows='15'>%s</textarea>",
zContent/*safe-for-%s*/);
|
|
<
<
<
|
>
|
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
CX("#pikchrshow-output-wrapper {"
"padding: 0.25em 0.5em; border-radius: 0.25em;"
"}");
CX("#pikchrshow-output-wrapper > legend {"
"display: flex; flex-direction: row;"
"align-items: center;"
"}");
CX("#pikchrshow-output-wrapper > legend > *:not(.copy-button)"
"{margin-right: 0.5em}"
);
CX(".dragover {border: 0.5em dotted rgba(0,255,0,0.6)}");
CX("</style>");
CX("<div>Input pikchr code and tap Preview to render it:</div>");
CX("<div id='sbs-wrapper'>");
CX("<div id='pikchrshow-form'>");
CX("<textarea id='content' name='content' rows='15'>%s</textarea>",
zContent/*safe-for-%s*/);
|