Added minimal functionality for Robot teaching

- Added minimal HMI
- Added possibility to open and close all chamber doors
This commit is contained in:
2026-01-17 09:20:39 +01:00
parent 9f058db2a3
commit 2d11c43579
2274 changed files with 912690 additions and 162 deletions

View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,68 @@
/** Styles for the theme: Base-Dark */
/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput {
--tchmi-background: var(--tchmi-background-color-4);
--tchmi-background-invalid: var(--tchmi-invalid-color);
--tchmi-color: var(--tchmi-foreground-color-1);
--tchmi-border-color: var(--tchmi-background-color-2);
--tchmi-error-color: var(--tchmi-error-color);
--tchmi-unit-color: var(--tchmi-foreground-color-4);
background-color: var(--tchmi-background);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template {
grid-template-columns: auto 26px;
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template.left {
grid-template-columns: 26px auto;
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input {
-webkit-appearance: none; /* Important to have visible box-shadow on input elements in iOS/Safari. */
appearance: none;
color: var(--tchmi-color);
border: 1px solid var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput .TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-button {
font-size: var(--tchmi-button-font-size);
background: url(Images/timespanpicker_normal.svg), var(--tchmi-highlight-button-background);
background-repeat: no-repeat;
background-position: center;
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput .TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-button:active {
background: url(Images/timespanpicker_pressed.svg), var(--tchmi-highlight-button-background-pressed);
background-repeat: no-repeat;
background-position: center;
color: var(--tchmi-highlight-button-text-color-pressed);
border: var(--tchmi-highlight-button-border-pressed);
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input:is(:focus, .tchmi-focus, .tchmi-keyboard-user-input) {
background: rgba(76, 99, 116, 0.05);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input:invalid {
background: var(--tchmi-background-invalid);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input-invalid-notification {
color: var(--tchmi-error-color);
font-weight: bold;
font-size: 15px;
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput.read-only {
background: var(--tchmi-read-only-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input-unit {
color: var(--tchmi-unit-color);
}

View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,67 @@
/** Styles for the theme: Base */
/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput {
--tchmi-background: var(--tchmi-background-color-4);
--tchmi-background-invalid: var(--tchmi-invalid-color);
--tchmi-color: var(--tchmi-foreground-color-1);
--tchmi-border-color: var(--tchmi-background-color-2);
--tchmi-unit-color: var(--tchmi-foreground-color-5);
background-color: var(--tchmi-background);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template {
grid-template-columns: auto 26px;
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template.left {
grid-template-columns: 26px auto;
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input {
-webkit-appearance: none; /* Important to have visible box-shadow on input elements in iOS/Safari. */
appearance: none;
color: var(--tchmi-color);
border: 1px solid var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput .TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-button {
font-size: var(--tchmi-button-font-size);
background: url(Images/timespanpicker_normal.svg), var(--tchmi-highlight-button-background);
background-repeat: no-repeat;
background-position: center;
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput .TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-button:active {
background: url(Images/timespanpicker_pressed.svg), var(--tchmi-highlight-button-background-pressed);
background-repeat: no-repeat;
background-position: center;
color: var(--tchmi-highlight-button-text-color-pressed);
border: var(--tchmi-highlight-button-border-pressed);
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input:is(:focus, .tchmi-focus, .tchmi-keyboard-user-input) {
background: rgba(76, 99, 116, 0.05);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input:invalid {
background: var(--tchmi-background-invalid);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input-invalid-notification {
color: var(--tchmi-error-color);
font-weight: bold;
font-size: 15px;
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput.read-only {
background: var(--tchmi-read-only-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTimespanInput-template-input-unit {
color: var(--tchmi-unit-color);
}