🔀 Merge pull request #194 from davep/tweak-input-layout

davep · web-flow · commit e95aee6f458a · 2025-11-10T12:05:04.000Z
Tidy the look of the main input dialog
diff --git a/ChangeLog.md b/ChangeLog.md
@@ -1,5 +1,12 @@
 # Braindrop ChangeLog
 
+## Unreleased
+
+**Released: WiP**
+
+- Made some cosmetic changes to the raindrop input dialog.
+  ([#194](https://github.com/davep/braindrop/pull/194))
+
 ## v0.13.0
 
 **Released: 2025-11-03**
diff --git a/src/braindrop/app/screens/raindrop_input.py b/src/braindrop/app/screens/raindrop_input.py
@@ -95,6 +95,11 @@ class RaindropInput(ModalScreen[Raindrop | None]):
                 display: block;
             }
         }
+
+        /* Have the TextAreas' text better align with other input widgets. */
+        TextArea {
+            padding: 0 2;
+        }
     }
     """
 
@@ -168,9 +173,9 @@ def compose(self) -> ComposeResult:
                 validators=[Length(1, failure_description="A title is required")],
             )
             yield Label("Excerpt:")
-            yield TextArea(id="excerpt")
+            yield TextArea(id="excerpt", highlight_cursor_line=False)
             yield Label("Note:")
-            yield TextArea(id="note", language="markdown")
+            yield TextArea(id="note", language="markdown", highlight_cursor_line=False)
             yield Label("URL:")
             yield Input(
                 placeholder="The URL of the link for the Raindrop",

Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,11 @@ class RaindropInput(ModalScreen[Raindrop \| None]):`
`95`	`95`	`display: block;`
`96`	`96`	`}`
`97`	`97`	`}`
	`98`	`+`
	`99`	`+ /* Have the TextAreas' text better align with other input widgets. */`
	`100`	`+ TextArea {`
	`101`	`+ padding: 0 2;`
	`102`	`+ }`
`98`	`103`	`}`
`99`	`104`	`"""`
`100`	`105`
`@@ -168,9 +173,9 @@ def compose(self) -> ComposeResult:`
`168`	`173`	`validators=[Length(1, failure_description="A title is required")],`
`169`	`174`	`)`
`170`	`175`	`yield Label("Excerpt:")`
`171`		`- yield TextArea(id="excerpt")`
	`176`	`+ yield TextArea(id="excerpt", highlight_cursor_line=False)`
`172`	`177`	`yield Label("Note:")`
`173`		`- yield TextArea(id="note", language="markdown")`
	`178`	`+ yield TextArea(id="note", language="markdown", highlight_cursor_line=False)`
`174`	`179`	`yield Label("URL:")`
`175`	`180`	`yield Input(`
`176`	`181`	`placeholder="The URL of the link for the Raindrop",`