mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-25 22:31:09 +03:00
Code Issues Projects Releases Packages Wiki Activity

Update copy refering to Javascript. Closes #2694

Browse source
This commit is contained in:
Gabe Kangas 2023-02-08 20:47:45 -08:00
parent d5fd044329
commit 8592fb87ba
No known key found for this signature in database
GPG key ID: 4345B2060657F330
1 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/components/admin/EditCustomJavascript.tsx
View file

@ -68,7 +68,7 @@ export const EditCustomJavascript: FC = () => {
setContent(initialContent); setContent(initialContent);
}, [instanceDetails]); }, [instanceDetails]);
const onCSSValueChange = React.useCallback(value => { const onValueChange = React.useCallback(value => {
setContent(value); setContent(value);
if (value !== initialContent && !hasChanged) { if (value !== initialContent && !hasChanged) {
setHasChanged(true); setHasChanged(true);
@ -80,20 +80,18 @@ export const EditCustomJavascript: FC = () => {
return ( return (
<div className="edit-custom-css"> <div className="edit-custom-css">
<Title level={3} className="section-title"> <Title level={3} className="section-title">
Customize your page styling with CSS Customize your page with Javascript
</Title> </Title>
<p className="description"> <p className="description">
Customize the look and feel of your Owncast instance by overriding the CSS styles of various Insert custom Javascript into your Owncast page to add your own functionality or to add 3rd
components on the page. Refer to the{' '} party scripts. Read more about how to use this feature in the{' '}
<a href="https://owncast.online/docs/website/" rel="noopener noreferrer" target="_blank"> <a href="https://owncast.online/docs/website/" rel="noopener noreferrer" target="_blank">
CSS &amp; Components guide Web page documentation.
</a> </a>
. .
</p> </p>
<p className="description"> <p className="description">Please use raw Javascript, no HTML or any script tags.</p>
Please input plain CSS text, as this will be directly injected onto your page during load.
</p>
<CodeMirror <CodeMirror
value={content} value={content}
@ -101,7 +99,7 @@ export const EditCustomJavascript: FC = () => {
theme={bbedit} theme={bbedit}
height="200px" height="200px"
extensions={[javascript()]} extensions={[javascript()]}
onChange={onCSSValueChange} onChange={onValueChange}
/> />
<br /> <br />