670 - increase the font size

FriendsOfTYPO3 · Dec 21, 2023 · 237a08f · 237a08f
1 parent f0804c9
commit 237a08f
Show file tree

Hide file tree

Showing 14 changed files with 26 additions and 26 deletions.
diff --git a/Build/Sources/App.js b/Build/Sources/App.js
@@ -257,7 +257,7 @@ function App() {
                 </div>
             </div>
             <div className="row">
-                <div id="left-column" className="no-padding full-height">
+                <div id="left-column" className="fs-3 no-padding full-height">
                     <div className="p-1">
                         <EdgesContext.Provider value={{edges, setEdges, onEdgesChange}}>
                             <NodesContext.Provider value={{nodes, setNodes, onNodesChange}}>

diff --git a/Build/Sources/components/ActionButtonsComponent.jsx b/Build/Sources/components/ActionButtonsComponent.jsx
@@ -302,13 +302,13 @@ export const ActionButtonsComponent = (props) => {
                 <div className="btn-group w-100" role="group" aria-label="Basic example">
                     <button
                         type="button"
-                        className="btn btn-success"
+                        className="fs-3 btn btn-success"
                         id="eb-btn-save"
                         onClick={handleSave}
                     ><FontAwesomeIcon className="me-1" icon="fa-solid fa-save" />Save</button>
                     <button
                         type="button"
-                        className="btn btn-light text-dark"
+                        className="fs-3 btn btn-light text-dark"
                         id="eb-btn-prefill"
                         onClick={handleOpenExtension}
                     ><FontAwesomeIcon className="me-1" icon="fa-solid fa-file" />Open</button>

diff --git a/Build/Sources/components/ReactFlow/Sidebar.jsx b/Build/Sources/components/ReactFlow/Sidebar.jsx
@@ -7,7 +7,7 @@ export default (props) => {
     };
 
     return (
-        <aside className="react-flow__sidebar">
+        <aside className="fs-3 react-flow__sidebar">
             <div className="description">You can drag these nodes to the pane on the left.</div>
             <div className="dndnode custom-model-node" onDragStart={(event) => onDragStart(event, 'customModel')} draggable>
                 New Model Object

diff --git a/Build/Sources/components/accordions/AuthorsListAccordion.jsx b/Build/Sources/components/accordions/AuthorsListAccordion.jsx
@@ -6,7 +6,7 @@ export const AuthorsListAccordion = memo((props) => {
     return (
         <div className="panel panel-default">
             <div className="panel-heading">
-                <h3 className="panel-title" id="heading-panel-authors">
+                <h3 className="panel-title fs-3" id="heading-panel-authors">
                     <a href="#" className="collapsed" data-bs-toggle="collapse" data-bs-target="#panel-authors" aria-expanded="true" aria-controls="panel-authors">
                         <span className="caret"></span>
                         <strong>Extension authors</strong>
@@ -15,7 +15,7 @@ export const AuthorsListAccordion = memo((props) => {
             </div>
             <div id="panel-authors" className="accordion-collapse collapse" aria-labelledby="heading-panel-authors"
                  data-bs-parent="#accordion-left-panel">
-                <div className="panel-body">
+                <div className="panel-body py-2">
                     <span className="d-block mb-2">These authors will be added to the composer.json and ext_emconf.php files</span>
                     <ul>
                         {
@@ -31,7 +31,7 @@ export const AuthorsListAccordion = memo((props) => {
                     </ul>
                     {props.authors.length === 0 && <div className="alert alert-danger" role="alert">No authors yet</div>}
                     <button
-                        className="btn btn-success w-100"
+                        className="fs-3 btn btn-success w-100"
                         onClick={props.addAuthorsHandler}>
                         <FontAwesomeIcon className="me-1" icon={['fas', 'user-plus']} />
                         Add new author

diff --git a/Build/Sources/components/accordions/DebugOutputAccordion.jsx b/Build/Sources/components/accordions/DebugOutputAccordion.jsx
@@ -18,7 +18,7 @@ export const DebugOutputAccordion = (props) => {
                 </div>
                 <div id="panel-debug" className="accordion-collapse collapse" aria-labelledby="heading-panel-debug"
                      data-bs-parent="#accordion-left-panel-debug">
-                    <div className="panel-body">
+                    <div className="panel-body py-2">
                         <h4>Nodes</h4>
                         <pre>
                             {JSON.stringify(nodes, null, 2)}

diff --git a/Build/Sources/components/accordions/ExtensionPropertiesAccordion.jsx b/Build/Sources/components/accordions/ExtensionPropertiesAccordion.jsx
@@ -103,7 +103,7 @@ export const ExtensionPropertiesAccordion = (props) => {
         <Fragment>
             <div className="panel panel-default">
                 <div className="panel-heading">
-                    <h3 className="panel-title" id="heading-panel-properties">
+                    <h3 className="fs-3 panel-title" id="heading-panel-properties">
                         <a href="#" data-bs-toggle="collapse" data-bs-target="#panel-properties" aria-expanded="true" aria-controls="panel-properties">
                             <span className="caret"></span>
                             <strong>Extension Properties</strong>
@@ -112,7 +112,7 @@ export const ExtensionPropertiesAccordion = (props) => {
                 </div>
                 <div id="panel-properties" className="accordion-collapse collapse show" aria-labelledby="heading-panel-properties"
                      data-bs-parent="#accordion-left-panel">
-                    <div className="panel-body">
+                    <div className="panel-body py-2">
                         <InputComponent
                             label="Extension name"
                             initialValue={props.properties.name}

diff --git a/Build/Sources/components/accordions/ModulesListAccordion.jsx b/Build/Sources/components/accordions/ModulesListAccordion.jsx
@@ -6,7 +6,7 @@ export const ModulesListAccordion = memo((props) => {
     return (
         <div className="panel panel-default">
             <div className="panel-heading">
-                <h3 className="panel-title" id="heading-panel-modules">
+                <h3 className="fs-3 panel-title" id="heading-panel-modules">
                     <a href="#" className="collapsed" data-bs-toggle="collapse" data-bs-target="#panel-modules"
                        aria-expanded="true" aria-controls="panel-modules">
                         <span className="caret"></span>
@@ -16,7 +16,7 @@ export const ModulesListAccordion = memo((props) => {
             </div>
             <div id="panel-modules" className="accordion-collapse collapse" aria-labelledby="heading-panel-modules"
                  data-bs-parent="#accordion-left-panel">
-                <div className="panel-body">
+                <div className="panel-body py-2">
                     <ul>
                         {
                             props.modules.map((module, index) => (
@@ -32,7 +32,7 @@ export const ModulesListAccordion = memo((props) => {
                     {props.modules.length === 0 &&
                         <div className="alert alert-danger" role="alert">No modules yet</div>}
                     <button
-                        className="btn btn-success w-100"
+                        className="fs-3 btn btn-success w-100"
                         onClick={props.addModulesHandler}>
                         <FontAwesomeIcon className="me-1" icon={['fas', 'plus']}/>
                         Add new module

diff --git a/Build/Sources/components/accordions/PluginsListAccordion.jsx b/Build/Sources/components/accordions/PluginsListAccordion.jsx
@@ -6,7 +6,7 @@ export const PluginsListAccordion = memo((props) => {
     return (
         <div className="panel panel-default">
             <div className="panel-heading">
-                <h3 className="panel-title" id="heading-panel-plugins">
+                <h3 className="fs-3 panel-title" id="heading-panel-plugins">
                     <a href="#" className="collapsed" data-bs-toggle="collapse" data-bs-target="#panel-plugins"
                        aria-expanded="true" aria-controls="panel-plugins">
                         <span className="caret"></span>
@@ -16,7 +16,7 @@ export const PluginsListAccordion = memo((props) => {
             </div>
             <div id="panel-plugins" className="accordion-collapse collapse" aria-labelledby="heading-panel-plugins"
                  data-bs-parent="#accordion-left-panel">
-                <div className="panel-body">
+                <div className="panel-body py-2">
                     <ul>
                         {
                             props.plugins.map((plugin, index) => (
@@ -32,7 +32,7 @@ export const PluginsListAccordion = memo((props) => {
                     {props.plugins.length === 0 &&
                         <div className="alert alert-danger" role="alert">No plugins yet</div>}
                     <button
-                        className="btn btn-success w-100"
+                        className="fs-3 btn btn-success w-100"
                         onClick={props.addPluginsHandler}>
                         <FontAwesomeIcon className="me-1" icon={['fas', 'plus']}/>
                         Add new plugin

diff --git a/Build/Sources/components/accordions/TYPO3StyledAccordion.jsx b/Build/Sources/components/accordions/TYPO3StyledAccordion.jsx
@@ -4,15 +4,15 @@ export const TYPO3StyledAccordion = (props) => {
 	return (
         <div className="panel panel-default mb-0">
             <div className="panel-heading">
-                <h3 className="panel-title" id={`simple-heading-panel${props.id}`}>
+                <h3 className="fs-3 panel-title" id={`simple-heading-panel${props.id}`}>
                     <a href="#" className="collapsed" data-bs-toggle="collapse" data-bs-target={`#simple-panel${props.id}`} aria-expanded="false" aria-controls={`simple-panel${props.id}`}>
                         <span className="caret"></span>
                         <strong>{props.title}</strong>
                     </a>
                 </h3>
             </div>
             <div id={`simple-panel${props.id}`} data-bs-parent={`#${props.parentId}`} className="collapse" aria-labelledby={`simple-heading-panel${props.id}`}>
-                <div className="panel-body">
+                <div className="panel-body py-2">
                     {props.children}
                 </div>
             </div>

diff --git a/Build/Sources/components/forms/input/CheckboxComponent.jsx b/Build/Sources/components/forms/input/CheckboxComponent.jsx
@@ -17,7 +17,7 @@ const CheckboxComponent = ({checked, label, identifier, onChange = () => {}}) =>
     return (
         <div className="d-flex justify-content-between form-check ps-0 form-switch mb-2">
             <label
-                className="form-check-label"
+                className="fs-3 form-check-label"
                 htmlFor={identifier}
             >
                 {label}

diff --git a/Build/Sources/components/forms/input/InputComponent.jsx b/Build/Sources/components/forms/input/InputComponent.jsx
@@ -39,14 +39,14 @@ const InputComponent = ({ label, identifier, initialValue, onChange, validation
         <div className="mb-2">
             {
                 label !== '' && (
-                    <label htmlFor={identifier} className="form-label">
+                    <label htmlFor={identifier} className="fs-3 form-label mb-1">
                         {label}
                     </label>
                 )
             }
             <input
                 type="text"
-                className={classNames("form-control form-control-sm", {
+                className={classNames("fs-3 form-control form-control-sm", {
                     'is-valid': isValid === true,
                     'is-invalid': isValid === false,
                 })}

diff --git a/Build/Sources/components/forms/select/SelectComponent.jsx b/Build/Sources/components/forms/select/SelectComponent.jsx
@@ -17,12 +17,12 @@ const SelectComponent = ({ label, options, defaultValue, showEmptyValue = true,
         <div className="mb-2">
             <label
                 htmlFor={identifier}
-                className="form-label"
+                className="fs-3 form-label"
             >
                 {label}
             </label>
             <select
-                className="form-select"
+                className="fs-3 form-select"
                 aria-label={label}
                 onChange={handleChange}
                 value={value}  // Setzen Sie den aktuellen Wert hier

diff --git a/Build/Sources/components/forms/textarea/TextareaComponent.jsx b/Build/Sources/components/forms/textarea/TextareaComponent.jsx
@@ -31,12 +31,12 @@ const TextareaComponent = ({label = '', placeholder, identifier = '', initialVal
 
     return (
         <div className="mb-2">
-            <label htmlFor={identifier} className="form-label">
+            <label htmlFor={identifier} className="fs-3 form-label">
                 {label}
             </label>
             <textarea
                 type="text"
-                className={classNames("form-control form-control-sm", {
+                className={classNames("fs-3 form-control form-control-sm", {
                     'is-valid': isValid === true,
                     'is-invalid': isValid === false,
                 })}

diff --git a/Resources/Public/JavaScript/main.js b/Resources/Public/JavaScript/main.js