AST

TUI/modalscreen/download.tcss

@@ -0,0 +1,183 @@
+/* Download Modal Screen Stylesheet */
+
+Screen {
+    background: $surface;
+    overlay: screen;
+}
+
+#download_modal {
+    width: 100%;
+    height: 100%;
+    border: heavy $primary;
+    background: $boost;
+}
+
+#download_title {
+    dock: top;
+    height: 1;
+    content-align: center middle;
+    background: $primary;
+    color: $text;
+    text-style: bold;
+    padding: 0 1;
+}
+
+/* Main horizontal layout: 2 columns left/right split */
+#main_layout {
+    width: 1fr;
+    height: 1fr;
+    layout: horizontal;
+    padding: 1;
+    border: none;
+}
+
+/* Left column */
+#left_column {
+    width: 2fr;
+    height: 1fr;
+    layout: vertical;
+}
+
+/* Right column */
+#right_column {
+    width: 1fr;
+    height: 1fr;
+    layout: vertical;
+}
+
+/* All containers styling */
+.grid_container {
+    width: 1fr;
+    height: 1fr;
+    padding: 1;
+    layout: vertical;
+    margin: 0 0 1 0;
+}
+
+#tags_container {
+    border: mediumpurple;
+}
+
+#url_container {
+    border: solid $accent;
+}
+
+#files_container {
+    border: solid $accent;
+}
+
+#playlist_container {
+    border: solid $accent;
+    layout: vertical;
+    height: 0;
+}
+
+#playlist_tree {
+    width: 1fr;
+    height: auto;
+    border: none;
+    padding: 0;
+}
+
+#playlist_input {
+    width: 1fr;
+    height: 1;
+    border: none;
+    padding: 0 1;
+    margin: 1 0 0 0;
+}
+
+#playlist_input_row {
+    width: 1fr;
+    height: auto;
+    layout: horizontal;
+    margin: 1 0 0 0;
+}
+
+.section_title {
+    width: 1fr;
+    height: 1;
+    text-align: left;
+    color: $text-muted;
+    text-style: bold;
+    margin: 0 0 0 0;
+    padding: 0;
+}
+
+/* TextArea widgets in containers */
+#tags_textarea {
+    width: 1fr;
+    height: 1fr;
+    border: none;
+    padding: 0;
+}
+
+#paragraph_textarea {
+    width: 1fr;
+    height: 1fr;
+    border: none;
+    padding: 0;
+}
+
+/* Select widgets in containers */
+#files_select {
+    width: 1fr;
+    height: 1fr;
+    border: none;
+}
+
+/* Footer layout - horizontal: checkboxes left, source middle, buttons right */
+#footer_layout {
+    width: 1fr;
+    height: auto;
+    layout: horizontal;
+    padding: 1;
+    margin: 0;
+    background: $boost;
+}
+
+#checkbox_row {
+    width: auto;
+    height: auto;
+    layout: horizontal;
+    align: left middle;
+}
+
+#source_select {
+    width: 30;
+    height: 1;
+    border: none;
+    padding: 0 1;
+    margin: 0;
+}
+
+#button_row {
+    width: auto;
+    height: auto;
+    layout: horizontal;
+    align: right middle;
+}
+
+/* Progress bar - shown during download */
+#progress_bar {
+    width: 1fr;
+    height: 0;
+}
+
+/* Checkbox and Button styling */
+Checkbox {
+    margin: 0 2 0 0;
+}
+
+Button {
+    margin: 0 1 0 0;
+    width: 12;
+}
+
+#cancel_btn {
+    width: 12;
+}
+
+#submit_btn {
+    width: 12;
+}