33 lines
1.2 KiB
CSS
33 lines
1.2 KiB
CSS
/** Styles for all themes */
|
|
.TcHmi_Controls_Beckhoff_TcHmiToggleSwitch {
|
|
grid-template-columns: calc(var(--square-size) * 2) minmax(0, 1fr);
|
|
}
|
|
|
|
.TcHmi_Controls_Beckhoff_TcHmiToggleSwitch.text-left {
|
|
/* 2 columns: [ column1 (text): min 0, max all available space ] [ column2 (radiobutton): min square-size, max square-size + 5px ] */
|
|
grid-template-columns: minmax(0, 1fr) minmax(var(--square-size) * 2, calc(var(--square-size) * 2 + 5px));
|
|
}
|
|
|
|
.TcHmi_Controls_Beckhoff_TcHmiToggleSwitch
|
|
.TcHmi_Controls_Beckhoff_TcHmiCheckbox-template
|
|
.TcHmi_Controls_Beckhoff_TcHmiToggleSwitch-toggle-state-indicator {
|
|
position: relative;
|
|
}
|
|
|
|
.TcHmi_Controls_Beckhoff_TcHmiToggleSwitch.TcHmi_Controls_System_TcHmiControl-operate-disallowed::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: auto;
|
|
left: 0;
|
|
height: var(--square-size);
|
|
width: calc(var(--square-size) * 2);
|
|
border-radius: calc(var(--square-size) / 2);
|
|
z-index: 100;
|
|
}
|
|
/* Adjust size of overlay only */
|
|
.TcHmi_Controls_Beckhoff_TcHmiToggleSwitch.TcHmi_Controls_System_TcHmiControl-disabled::after {
|
|
height: var(--square-size);
|
|
width: calc(var(--square-size) * 2);
|
|
border-radius: calc(var(--square-size) / 2);
|
|
}
|