@things-factory/form-ui 4.1.1 → 4.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/client/styles/multi-column-form-styles.js +13 -12
  2. package/package.json +3 -3
package/client/styles/multi-column-form-styles.js CHANGED
@@ -74,7 +74,7 @@ export const MultiColumnFormStyles = css`
74
74
  font: var(--form-sublabel-font);
75
75
  color: var(--form-sublabel-color);
76
76
  }
77
- .multi-column-form [options-wrap]{
77
+ .multi-column-form [options-wrap] {
78
78
  grid-column: span 21 / auto;
79
79
  }
80
80
 
@@ -96,16 +96,18 @@ export const MultiColumnFormStyles = css`
96
96
  grid-column: span 12;
97
97
  }
98
98
  .multi-column-form label {
99
- grid-column: span 12;
99
+ grid-column: span 4 / auto;
100
100
  text-align: left;
101
- align-self: end;
101
+ text-overflow: ellipsis;
102
+ white-space: nowrap;
103
+ overflow: hidden;
102
104
  }
103
105
  .multi-column-form input,
104
106
  .multi-column-form table,
105
107
  .multi-column-form select,
106
108
  .multi-column-form textarea,
107
109
  .multi-column-form [custom-input] {
108
- grid-column: span 12;
110
+ grid-column: span 8 / auto;
109
111
  max-width: initial;
110
112
  padding: var(--padding-default);
111
113
  font: normal 15px var(--theme-font);
@@ -116,7 +118,7 @@ export const MultiColumnFormStyles = css`
116
118
  align-self: center;
117
119
  grid-column: span 1 / auto;
118
120
  left: 0;
119
- zoom:1.4;
121
+ zoom: 1.4;
120
122
  }
121
123
 
122
124
  .multi-column-form input[type='checkbox'] + label,
@@ -126,10 +128,10 @@ export const MultiColumnFormStyles = css`
126
128
  position: relative;
127
129
  left: -25px;
128
130
  }
129
- .multi-column-form [options-wrap]{
131
+ .multi-column-form [options-wrap] {
130
132
  grid-column: span 12 / auto;
131
- display:grid;
132
- grid-gap : var(--padding-default) var(--padding-narrow);
133
+ display: grid;
134
+ grid-gap: var(--padding-default) var(--padding-narrow);
133
135
  grid-template-columns: repeat(12, 1fr);
134
136
  }
135
137
  .multi-column-form [options-wrap] input[type='checkbox'] + label,
@@ -137,9 +139,8 @@ export const MultiColumnFormStyles = css`
137
139
  grid-column: span 5 / auto;
138
140
  align-self: left;
139
141
  left: -4%;
140
- margin-right:0;
142
+ margin-right: 0;
141
143
  }
142
-
143
144
  }
144
145
  @media (min-width: 481px) and (max-width: 1024px) {
145
146
  .multi-column-form select {
@@ -163,7 +164,7 @@ export const MultiColumnFormStyles = css`
163
164
  .multi-column-form select {
164
165
  max-width: calc(90% + 18px);
165
166
  }
166
- .multi-column-form [options-wrap]{
167
+ .multi-column-form [options-wrap] {
167
168
  grid-column: span 33 / auto;
168
169
  }
169
170
  }
@@ -184,7 +185,7 @@ export const MultiColumnFormStyles = css`
184
185
  .multi-column-form select {
185
186
  max-width: calc(90% + 18px);
186
187
  }
187
- .multi-column-form [options-wrap]{
188
+ .multi-column-form [options-wrap] {
188
189
  grid-column: span 45 / auto;
189
190
  }
190
191
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/form-ui",
3
- "version": "4.1.1",
3
+ "version": "4.1.10",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "client/index.js",
6
6
  "things-factory": true,
@@ -24,7 +24,7 @@
24
24
  "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations"
25
25
  },
26
26
  "dependencies": {
27
- "@things-factory/layout-base": "^4.1.1"
27
+ "@things-factory/layout-base": "^4.1.10"
28
28
  },
29
- "gitHead": "09378a57e788038c086c6c40e6135cf14082b185"
29
+ "gitHead": "8047bbb36aabdd33156b3fd91a4a5a874bed3754"
30
30
  }