mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
1956f7f9d7
Following on from #1751: originally Switch was called Checkbox and the moving part was, for the component class, called a checkbox--switch; after renaming the widget to Switch that component class ended up being switch--switch; which wasn't ideal. We decided to go with it as-is, but I just realised that internally the code calls it a slider. So this leans into that and I'm renaming the component class switch--slider. This removes the doubling-up of the name and also makes the code more consistent.
29 lines
356 B
CSS
29 lines
356 B
CSS
Screen {
|
|
align: center middle;
|
|
}
|
|
|
|
.container {
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
|
|
Switch {
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
|
|
.label {
|
|
height: 3;
|
|
content-align: center middle;
|
|
width: auto;
|
|
}
|
|
|
|
#custom-design {
|
|
background: darkslategrey;
|
|
}
|
|
|
|
#custom-design > .switch--slider {
|
|
color: dodgerblue;
|
|
background: darkslateblue;
|
|
}
|