Browse Source

fix(admin-ui): More consistent width of default custom field controls

Fixes #1077
Michael Bromley 4 years ago
parent
commit
001207f6e0

+ 4 - 0
packages/admin-ui/src/lib/catalog/src/components/product-variants-list/product-variants-list.component.scss

@@ -129,6 +129,10 @@
         display: flex;
         color: var(--color-grey-400);
     }
+
+    ::ng-deep .clr-control-container {
+        width: 100%;
+    }
 }
 
 .channel-assignment {

+ 2 - 0
packages/admin-ui/src/lib/core/src/shared/components/custom-field-control/custom-field-control.component.scss

@@ -1,4 +1,6 @@
 :host {
+    display: block;
+    width: 100%;
     .toggle-switch {
         margin-top: 0;
         margin-bottom: 0;

+ 4 - 0
packages/admin-ui/src/lib/core/src/shared/dynamic-form-inputs/dynamic-form-input/dynamic-form-input.component.scss

@@ -1,5 +1,9 @@
 @import 'variables';
 
+:host {
+    flex: 1;
+}
+
 .list-container {
     border: 1px solid var(--color-component-border-200);
     border-radius: 3px;

+ 3 - 0
packages/admin-ui/src/lib/core/src/shared/dynamic-form-inputs/text-form-input/text-form-input.component.scss

@@ -0,0 +1,3 @@
+input {
+    width: 100%;
+}

+ 1 - 0
packages/admin-ui/src/lib/core/src/shared/dynamic-form-inputs/textarea-form-input/textarea-form-input.component.scss

@@ -2,5 +2,6 @@
     textarea {
         resize: both;
         height: 6rem;
+        width: 100%;
     }
 }