fix: labels overlapping widgets

Fix labels overlapping widgets for non design-react-kit widgets.
bfabio · Jan 31, 2024 · 2905737 · 2905737
1 parent 8f6520d
commit 2905737
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/app/form/widgets/ComboBoxWidget.js b/src/app/form/widgets/ComboBoxWidget.js
@@ -21,7 +21,7 @@ const ComboBoxWidget = (props) => {
 
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={id}>
+      <label className="control-label active text-muted" htmlFor={id}>
         {props.label} {props.required ? "*" : ""}
       </label>
 

diff --git a/src/app/form/widgets/DateTimeReactWidget.tsx b/src/app/form/widgets/DateTimeReactWidget.tsx
@@ -39,7 +39,7 @@ const DateTimeReactWidget = (props: Props): JSX.Element => {
 
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={id}>
+      <label className="control-label active text-muted" htmlFor={id}>
         {props.label} {props.required ? "*" : ""}
       </label>
 

diff --git a/src/app/form/widgets/EditorWidget.js b/src/app/form/widgets/EditorWidget.js
@@ -42,7 +42,7 @@ const EditorWidget = (props) => {
 
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={id}>
+      <label className="control-label active text-muted" htmlFor={id}>
         {props.label} {props.schema.language ? `(${props.schema.lang})` : ""}{" "}
         {props.required ? "*" : ""}
       </label>

diff --git a/src/app/form/widgets/TagWidget.js b/src/app/form/widgets/TagWidget.js
@@ -21,7 +21,7 @@ const TagWidget = (props) => {
 
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={id}>
+      <label className="control-label active text-muted" htmlFor={id}>
         {props.label} {props.required ? "*" : ""}
       </label>