Added minimal functionality for Robot teaching
- Added minimal HMI - Added possibility to open and close all chamber doors
This commit is contained in:
101
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTachometer/Style.css
vendored
Normal file
101
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTachometer/Style.css
vendored
Normal file
@@ -0,0 +1,101 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer {
|
||||
/* Prevent overflow if the border radius is huge */
|
||||
overflow: hidden;
|
||||
--square-size: 300px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template {
|
||||
position: relative;
|
||||
display: grid;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-main-tick,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-sub-tick {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-label {
|
||||
text-anchor: middle;
|
||||
dominant-baseline: central;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-range-container path {
|
||||
fill: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-circle-under,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-circle-over {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-display-value,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-display-unit {
|
||||
text-anchor: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-svg {
|
||||
position: relative;
|
||||
height: var(--square-size);
|
||||
width: var(--square-size);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-invalid-notification {
|
||||
position: absolute;
|
||||
width: 30px; /* is used for internal calc*/
|
||||
height: 30px; /* is used for internal calc*/
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer.TcHmi_Controls_System_TcHmiControl-disabled::after {
|
||||
/* hide generic highlighter which is at the wrong position */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer.TcHmi_Controls_System_TcHmiControl-disabled
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: auto;
|
||||
left: auto;
|
||||
z-index: 100;
|
||||
height: calc(var(--square-size));
|
||||
width: calc(var(--square-size));
|
||||
border-radius: calc(var(--square-size) / 2);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-legend {
|
||||
display: flex;
|
||||
flex-wrap: wrap; /* ensures automatic wrapping */
|
||||
gap: 10px; /* spacing between items */
|
||||
overflow: hidden;
|
||||
justify-self: center;
|
||||
align-self: start;
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-legend-item {
|
||||
flex: 0 1 auto; /* allows the items to shrink but not grow */
|
||||
padding: 2px;
|
||||
white-space: nowrap; /* prevents line breaks in the content */
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTachometer-template-legend-item-color {
|
||||
height: 2px;
|
||||
width: 10px;
|
||||
align-self: center;
|
||||
margin-right: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user