@operato/app 1.1.69 → 1.1.71

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [1.1.71](https://github.com/hatiolab/operato/compare/v1.1.70...v1.1.71) (2023-01-15)
+
+**Note:** Version bump only for package @operato/app
+
+
+
+
+
+### [1.1.70](https://github.com/hatiolab/operato/compare/v1.1.69...v1.1.70) (2023-01-15)
+
+
+### :bug: Bug Fix
+
+* grist-card grid-template-columns style ([4e602ef](https://github.com/hatiolab/operato/commit/4e602ef4f315d963ff8b1aeb3d109b933ad4438f))
+
+
+
 ### [1.1.69](https://github.com/hatiolab/operato/compare/v1.1.68...v1.1.69) (2023-01-15)
 
 **Note:** Version bump only for package @operato/app

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/app",
   "description": "WebApplication production supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "1.1.69",
+  "version": "1.1.71",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -114,15 +114,15 @@
     "@material/mwc-button": "^0.27.0",
     "@material/mwc-icon": "^0.27.0",
     "@material/mwc-icon-button": "^0.27.0",
-    "@operato/attachment": "^1.1.69",
-    "@operato/data-grist": "^1.1.69",
-    "@operato/font": "^1.1.69",
+    "@operato/attachment": "^1.1.71",
+    "@operato/data-grist": "^1.1.71",
+    "@operato/font": "^1.1.71",
     "@operato/form": "^1.1.66",
     "@operato/graphql": "^1.1.53",
     "@operato/i18n": "^1.1.53",
     "@operato/input": "^1.1.67",
     "@operato/layout": "^1.1.67",
-    "@operato/property-editor": "^1.1.69",
+    "@operato/property-editor": "^1.1.71",
     "@operato/shell": "^1.1.67",
     "@operato/styles": "^1.1.67",
     "@operato/utils": "^1.1.66",
@@ -166,5 +166,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "66bfbd5621f4da36d5301cc8eb5af1128498e826"
+  "gitHead": "a5fa8c2f90f46e1a21abe1615da2b9062219a9a8"
 }

package/themes/grist-theme.css

@@ -118,7 +118,7 @@ body {
   --data-card-fab-position-vertical: 15px;
   --data-card-fab-color: var(--primary-color);
   --data-card-fab-shadow: var(--box-shadow);
-  --data-card-template: repeat(3, minmax(auto, 100%));
+  --data-card-template: repeat(auto-fit, minmax(32%, auto));
   --data-card-thumbnail-height: 140px;
   --data-card-thumbnail-border-bottom: var(--border-dark-color);
   --data-card-attachimg-height: 70px;
@@ -157,13 +157,13 @@ body {
   body {
     --record-view-label-font: bold 15px/32px var(--theme-font);
     --record-view-font: normal 15px/32px var(--theme-font);
-    --data-card-template: repeat(1, minmax(auto, 100%));
+    --data-card-template: repeat(auto-fit, minmax(90%, auto));
     --ox-grist-padding: 0;
   }
 }
 @media (min-width: 461px) and (max-width: 700px) {
   body {
-    --data-card-template: repeat(2, minmax(auto, 100%));
+    --data-card-template: repeat(auto-fit, minmax(45%, auto));
     --ox-grist-padding: 0;
   }
 }
@@ -174,21 +174,21 @@ body {
 }
 @media (min-width: 1025px) and (max-width: 1400px) {
   body {
-    --data-card-template: repeat(4, minmax(auto, 100%));
+    --data-card-template: repeat(auto-fit, minmax(23%, auto));
   }
 }
 @media (min-width: 1401px) and (max-width: 1800px) {
   body {
-    --data-card-template: repeat(5, minmax(auto, 100%));
+    --data-card-template: repeat(auto-fit, minmax(18%, auto));
   }
 }
 @media (min-width: 1801px) and (max-width: 2200px) {
   body {
-    --data-card-template: repeat(6, minmax(auto, 100%));
+    --data-card-template: repeat(auto-fit, minmax(15%, auto));
   }
 }
 @media only screen and (min-width: 2201px) {
   body {
-    --data-card-template: repeat(7, minmax(auto, 100%));
+    --data-card-template: repeat(auto-fit, minmax(13%, auto));
   }
 }