Mirror/iSponsorBlockTV
1
0
Fork 0
mirror of https://github.com/dmunozv04/iSponsorBlockTV.git synced 2025-12-09 21:46:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update textual styles to work with textual 1.0

Browse Source
This commit is contained in:
dmunozv04
2025-02-12 13:06:11 +01:00
parent ccfcd00aa9
commit 38efe843de
2 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/iSponsorBlockTV/setup-wizard-style.tcss
View File

@@ -21,9 +21,13 @@
scrollbar-gutter: stable; scrollbar-gutter: stable;
} }
.small-button{ .button-small {
height: 3; height: 3;
border: none;
border-top: none;
border-bottom: none;
offset: 0 -1;
padding: 0;
} }
.button-100 { .button-100 {
@@ -106,13 +110,14 @@ EditDevice {
} }
Element { Element {
background: $panel; background: $panel-darken-1;
border-top: solid $panel-lighten-2; border-top: solid $panel-lighten-2;
layout: horizontal; layout: horizontal;
height: 2; height: 2;
width: 100%; width: 100%;
margin: 0 1 0 1; margin: 0 1 0 1;
padding: 0; padding: 0;
} }
Element > .element-name { Element > .element-name {
offset: 0 -1; offset: 0 -1;
@@ -120,7 +125,11 @@ Element > .element-name {
width: 100%; width: 100%;
align: left middle; align: left middle;
text-align: left; text-align: left;
background: $panel-darken-1;
&:hover {
background: $panel-lighten-1;
border-top: tall $panel-lighten-3;
}
} }
Element > .element-remove { Element > .element-remove {
dock: right; dock: right;
@@ -132,7 +141,7 @@ Element > .element-remove {
margin: 0 1 0 0; margin: 0 1 0 0;
} }
#add-device { #add-device, #add-channel {
text-style: bold; text-style: bold;
width: 100%; width: 100%;
align: left middle; align: left middle;
@@ -140,6 +149,11 @@ Element > .element-remove {
dock: left; dock: left;
text-align: left; text-align: left;
background: $panel-darken-1;
&:hover {
background: $panel-lighten-1;
border-top: tall $panel-lighten-3;
}
} }
#add-device-button-container{ #add-device-button-container{
height: 1; height: 1;

12
src/iSponsorBlockTV/setup_wizard.py
View File

@@ -84,12 +84,12 @@ class Element(Static):
def compose(self) -> ComposeResult: def compose(self) -> ComposeResult:
yield Button( yield Button(
label=self.element_name, label=self.element_name,
classes="element-name", classes="element-name button-small",
disabled=True, disabled=True,
id="element-name", id="element-name",
) )
yield Button( 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: def on_mount(self) -> None:
@@ -102,7 +102,6 @@ class Device(Element):
"""A device element.""" """A device element."""
def process_values_from_data(self): def process_values_from_data(self):
print(self.element_data)
if "name" in self.element_data and self.element_data["name"]: if "name" in self.element_data and self.element_data["name"]:
self.element_name = self.element_data["name"] self.element_name = self.element_data["name"]
else: else:
@@ -285,7 +284,8 @@ class AddDevice(ModalWithClickExit):
" computer\nIf it isn't showing up, try restarting the" " computer\nIf it isn't showing up, try restarting the"
" app.\nIf running in docker, make sure to use" " app.\nIf running in docker, make sure to use"
" `--network=host`\nTo refresh the list, close and open the" " `--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", classes="subtitle",
) )
@@ -618,7 +618,7 @@ class DevicesManager(Vertical):
def compose(self) -> ComposeResult: def compose(self) -> ComposeResult:
yield Label("Devices", classes="title") yield Label("Devices", classes="title")
with Horizontal(id="add-device-button-container"): 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: for device in self.devices:
yield Device(device, tooltip="Click to edit") yield Device(device, tooltip="Click to edit")
@@ -812,7 +812,7 @@ class ChannelWhitelistManager(Vertical):
id="warning-no-key", id="warning-no-key",
) )
with Horizontal(id="add-channel-button-container"): 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: for channel in self.config.channel_whitelist:
yield Channel(channel) yield Channel(channel)