Add inline image add/remove

2024-01-15 16:59:02 -06:00
parent 924252b38f
commit 9eb5465bc3
6 changed files with 213 additions and 26 deletions
--- a/web/app/ui/display/editable/img-log-item.module.css
+++ b/web/app/ui/display/editable/img-log-item.module.css
@@ -0,0 +1,28 @@
+.control {
+  &[data-inactive] {
+    opacity: 0;
+    cursor: default;
+  }
+}
+.controls {
+  transition: opacity 150ms ease;
+  opacity: 0;
+}
+
+.root {
+  &:hover {
+    .controls {
+      opacity: 1;
+    }
+  }
+}
+
+.indicator {
+  width: rem(12px);
+  height: rem(4px);
+  transition: width 250ms ease;
+
+  &[data-active] {
+    width: rem(40px);
+  }
+}