fix: field styles and fileWidget props

collective · Mar 15, 2021 · daa1d22 · daa1d22
1 parent e321e76
commit daa1d22
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/src/components/Field.css b/src/components/Field.css
@@ -0,0 +1,21 @@
+.block.form .field-file-name .ui.basic.icon.button.delete-button {
+  position: static;
+}
+
+.block.form .volto-subblocks-wrapper .single-block .dragsubblock {
+  top: calc(50% - 10px);
+  left: -10px;
+}
+
+.block.form
+  .volto-subblocks-wrapper
+  .single-block.subblock-draggable
+  .ui.basic.button.delete-button {
+  top: 1.5rem;
+  right: 25px;
+  left: auto;
+}
+
+.block.form .ui.form .field .wrapper > label {
+  margin-bottom: 0;
+}
diff --git a/src/components/Field.jsx b/src/components/Field.jsx
@@ -6,10 +6,12 @@ import TextareaWidget from '@plone/volto/components/manage/Widgets/TextareaWidge
 import SelectWidget from '@plone/volto/components/manage/Widgets/SelectWidget';
 import EmailWidget from '@plone/volto/components/manage/Widgets/EmailWidget';
 import CheckboxWidget from '@plone/volto/components/manage/Widgets/CheckboxWidget';
+import FileWidget from '@plone/volto/components/manage/Widgets/FileWidget';
 import { DatetimeWidget } from '@plone/volto/components';
 
 import RadioWidget from 'volto-form-block/components/Widget/RadioWidget';
-import FileWidget from 'volto-form-block/components/Widget/FileWidget';
+
+import './Field.css';
 
 const messages = defineMessages({
   select_a_value: {
@@ -141,7 +143,6 @@ const Field = ({
           required={required}
           invalid={isInvalid().toString()}
           onChange={onChange}
-          onEdit={isOnEdit}
           value={value}
         />
       )}