Update textual styles to work with textual 1.0

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

View File

@@ -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;

View File

@@ -84,12 +84,12 @@ 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 +102,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 +284,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 +618,7 @@ 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 +812,7 @@ 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)