diff --git a/requirements.txt b/requirements.txt index 6df070e..766b874 100644 --- a/requirements.txt +++ b/requirements.txt @@ -5,7 +5,7 @@ async-cache==1.1.1 pyytlounge==2.0.0 rich==13.9.4 ssdp==1.3.0 -textual==0.58.0 +textual==1.0.0 textual-slider==0.1.2 xmltodict==0.14.2 rich_click==1.8.5 diff --git a/src/iSponsorBlockTV/setup-wizard-style.tcss b/src/iSponsorBlockTV/setup-wizard-style.tcss index 4f6d25e..cde381d 100644 --- a/src/iSponsorBlockTV/setup-wizard-style.tcss +++ b/src/iSponsorBlockTV/setup-wizard-style.tcss @@ -21,9 +21,13 @@ scrollbar-gutter: stable; } -.small-button{ +.button-small { height: 3; - + border: none; + border-top: none; + border-bottom: none; + offset: 0 -1; + padding: 0; } .button-100 { @@ -106,13 +110,14 @@ EditDevice { } Element { - background: $panel; + background: $panel-darken-1; border-top: solid $panel-lighten-2; layout: horizontal; height: 2; width: 100%; margin: 0 1 0 1; padding: 0; + } Element > .element-name { offset: 0 -1; @@ -120,7 +125,11 @@ Element > .element-name { width: 100%; align: left middle; text-align: left; - + background: $panel-darken-1; + &:hover { + background: $panel-lighten-1; + border-top: tall $panel-lighten-3; + } } Element > .element-remove { dock: right; @@ -132,7 +141,7 @@ Element > .element-remove { margin: 0 1 0 0; } -#add-device { +#add-device, #add-channel { text-style: bold; width: 100%; align: left middle; @@ -140,6 +149,11 @@ Element > .element-remove { dock: left; text-align: left; + background: $panel-darken-1; + &:hover { + background: $panel-lighten-1; + border-top: tall $panel-lighten-3; + } } #add-device-button-container{ height: 1; diff --git a/src/iSponsorBlockTV/setup_wizard.py b/src/iSponsorBlockTV/setup_wizard.py index 5734ad9..de5cd21 100644 --- a/src/iSponsorBlockTV/setup_wizard.py +++ b/src/iSponsorBlockTV/setup_wizard.py @@ -84,12 +84,15 @@ class Element(Static): def compose(self) -> ComposeResult: yield Button( label=self.element_name, - classes="element-name", + classes="element-name button-small", disabled=True, id="element-name", ) yield Button( - "Remove", classes="element-remove", variant="error", id="element-remove" + "Remove", + classes="element-remove button-small", + variant="error", + id="element-remove", ) def on_mount(self) -> None: @@ -102,7 +105,6 @@ class Device(Element): """A device element.""" def process_values_from_data(self): - print(self.element_data) if "name" in self.element_data and self.element_data["name"]: self.element_name = self.element_data["name"] else: @@ -285,7 +287,8 @@ class AddDevice(ModalWithClickExit): " computer\nIf it isn't showing up, try restarting the" " app.\nIf running in docker, make sure to use" " `--network=host`\nTo refresh the list, close and open the" - " dialog again" + " dialog again\n[b][u]If it still doesn't work, " + "pair using a pairing code (it's much more reliable)" ), classes="subtitle", ) @@ -618,7 +621,9 @@ class DevicesManager(Vertical): def compose(self) -> ComposeResult: yield Label("Devices", classes="title") with Horizontal(id="add-device-button-container"): - yield Button("Add Device", id="add-device", classes="button-100") + yield Button( + "Add Device", id="add-device", classes="button-100 button-small" + ) for device in self.devices: yield Device(device, tooltip="Click to edit") @@ -812,7 +817,9 @@ class ChannelWhitelistManager(Vertical): id="warning-no-key", ) with Horizontal(id="add-channel-button-container"): - yield Button("Add Channel", id="add-channel", classes="button-100") + yield Button( + "Add Channel", id="add-channel", classes="button-100 button-small" + ) for channel in self.config.channel_whitelist: yield Channel(channel)