@design.estate/dees-wcctools 3.1.0 → 3.1.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@design.estate/dees-wcctools",
3
- "version": "3.1.0",
3
+ "version": "3.1.1",
4
4
  "private": false,
5
5
  "description": "A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.",
6
6
  "exports": {
@@ -3,6 +3,6 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@design.estate/dees-wcctools',
6
- version: '3.1.0',
6
+ version: '3.1.1',
7
7
  description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
8
8
  }
@@ -207,22 +207,22 @@ export class WccProperties extends DeesElement {
207
207
  }
208
208
  .selectorButtons2 {
209
209
  display: grid;
210
- grid-template-columns: 1fr 1fr;
210
+ grid-template-columns: repeat(2, minmax(0, 1fr));
211
211
  flex: 1;
212
212
  }
213
213
  .selectorButtons4 {
214
214
  display: grid;
215
- grid-template-columns: repeat(4, 1fr);
215
+ grid-template-columns: repeat(4, minmax(0, 1fr));
216
216
  flex: 1;
217
217
  }
218
218
  .selectorButtons5 {
219
219
  display: grid;
220
- grid-template-columns: repeat(5, 1fr);
220
+ grid-template-columns: repeat(5, minmax(0, 1fr));
221
221
  flex: 1;
222
222
  }
223
223
  .selectorButtons1 {
224
224
  display: grid;
225
- grid-template-columns: 1fr;
225
+ grid-template-columns: minmax(0, 1fr);
226
226
  flex: 1;
227
227
  }
228
228
  .button {
@@ -259,6 +259,11 @@ export class WccProperties extends DeesElement {
259
259
  .button .material-symbols-outlined {
260
260
  font-size: 18px;
261
261
  font-variation-settings: 'FILL' 0, 'wght' 300;
262
+ min-width: 18px;
263
+ min-height: 18px;
264
+ display: inline-flex;
265
+ align-items: center;
266
+ justify-content: center;
262
267
  }
263
268
 
264
269
  .button.selected .material-symbols-outlined {
@@ -301,7 +306,7 @@ export class WccProperties extends DeesElement {
301
306
  top: 0.5rem;
302
307
  bottom: 0.5rem;
303
308
  left: 0.5rem;
304
- right: calc(520px + 0.5rem);
309
+ right: calc(600px + 0.5rem);
305
310
  display: flex;
306
311
  align-items: center;
307
312
  justify-content: center;