github-deploy-action-title-editor

hazelgrove · Dec 9, 2024 · 470e3f7 · 470e3f7
1 parent 850e45f
commit 470e3f7
Showing 1 changed file with 61 additions and 7 deletions.
diff --git a/title-editor/style/cell.css b/title-editor/style/cell.css
@@ -62,7 +62,13 @@
   color: var(--BR4);
 }
 
-.title-edit .edit-icon {
+.title-cell .title-placeholder {
+  font-style: italic;
+  color: var(--BR4);
+  opacity: 0.5;
+}
+
+.edit-icon {
   margin-left: 0.5em;
   cursor: pointer;
   fill: #7a6219;
@@ -81,10 +87,6 @@
   animation: wobble 0.6s ease 0s 1 normal forwards;
 }
 
-.cell-prompt {
-  padding: 1em;
-}
-
 .wrong-impl-cell-caption {
   flex-grow: 1;
   display: flex;
@@ -137,6 +139,46 @@
 
 .cell-module-name {
   padding: 1em;
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+
+.module-name-text {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+
+.module-name-edit {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+
+.module-name-edit label {
+  white-space: nowrap;
+}
+
+.module-name-edit input {
+  margin: 0 0.5em;
+}
+
+.module-name-edit .edit-icon {
+  display: inline-flex;
+  align-items: center;
+  margin-left: 0.5em;
+}
+
+.module-placeholder {
+  display: inline;
+  font-style: italic;
+  color: var(--BR4);
+  opacity: 0.5;
+}
+
+.cell-prompt {
+  padding: 1em;
 }
 
 .prompt-edit .prompt-text {
@@ -150,11 +192,23 @@
 }
 
 .cell-prompt .prompt-edit {
-  padding: 1em;
-  font-size: 1rem;
+  font-size: 1.5rem;
+  font-weight: bold;
   color: var(--light-text-color);
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
 }
 
+.cell-prompt .prompt-placeholder {
+  font-style: italic;
+  color: var(--BR4);
+  opacity: 0.5;
+}
+
+.prompt-content {
+  font-size: 1rem;
+}
 
 .edit-icon {
   margin-left: 0.5em;