Style readonly field state

jonom · Sep 10, 2021 · 711381e · 711381e
1 parent d2a5198
commit 711381e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/client/dist/styles/main.css b/client/dist/styles/main.css
diff --git a/client/src/styles/main.scss b/client/src/styles/main.scss
@@ -1,8 +1,10 @@
 .focuspoint-field {
   $base: &;
+
   div.field {
     display: none;
   }
+
   &--debug {
     display: flex;
     flex-flow: row wrap;
@@ -68,6 +70,13 @@
     width: 100%;
     height: 100%;
     border-radius: 3px;
-    box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
+    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
+  }
+}
+
+.focuspoint.readonly {
+  .focuspoint-picker__image {
+    filter: grayscale(100%);
+    opacity: 0.7;
   }
 }