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 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="35.194 26.599 35.194 18.5 52.107 18.5 61.5 27.417 61.5 53.401"/><line class="cls-1" x1="61.5" y1="53.40057" x2="44.58661" y2="53.40057"/><polyline class="cls-1" points="52.143 18.5 52.143 27.451 61.5 27.451"/><polygon class="cls-1" points="18.5 26.599 35.194 26.599 44.587 35.516 44.587 61.5 18.5 61.5 18.5 26.599"/><polyline class="cls-1" points="35.23 26.599 35.23 35.55 44.587 35.55"/></g></svg>

After

Width:  |  Height:  |  Size: 625 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="35.194 26.599 35.194 18.5 52.107 18.5 61.5 27.417 61.5 53.401"/><line class="cls-1" x1="61.5" y1="53.40057" x2="44.58661" y2="53.40057"/><polyline class="cls-1" points="52.143 18.5 52.143 27.451 61.5 27.451"/><polygon class="cls-1" points="18.5 26.599 35.194 26.599 44.587 35.516 44.587 61.5 18.5 61.5 18.5 26.599"/><polyline class="cls-1" points="35.23 26.599 35.23 35.55 44.587 35.55"/></g></svg>

After

Width:  |  Height:  |  Size: 625 B

View File

@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
61.055,18.457 39.62,18.457 39.58,18.457 33.364,28.222 11.255,28.222 11.255,61.542 61.055,61.542 "/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="39.817" x2="36.4" y2="39.817"/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="45.92" x2="36.4" y2="45.92"/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="51.778" x2="36.4" y2="51.778"/>
<g id="pfade">
<g xmlns="http://www.w3.org/2000/svg">
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50.241" y1="31.082" x2="50.241" y2="50.565" />
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60.741" y1="40.583" x2="40.258" y2="40.583" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
61.055,18.457 39.62,18.457 39.58,18.457 33.364,28.222 11.255,28.222 11.255,61.542 61.055,61.542 "/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="39.817" x2="36.4" y2="39.817"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="45.92" x2="36.4" y2="45.92"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="51.778" x2="36.4" y2="51.778"/>
<g id="pfade">
<g xmlns="http://www.w3.org/2000/svg">
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50.241" y1="31.082" x2="50.241" y2="50.565" />
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60.741" y1="40.583" x2="40.258" y2="40.583" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><path class="cls-1" d="M18.5,42.14678h43s-3.2568,5.6573-11.6091,5.6573c-9.3909,0-12.7123-5.6573-12.7123-5.6573"/><path class="cls-1" d="M28.0021,41.74148a4.75105,4.75105,0,0,0-9.5021,0"/><path class="cls-1" d="M27.262,58.02558l21.9071-37.0012s-6.5275-.0796-10.7827,7.1073c-4.7843,8.0807-1.6083,13.8212-1.6083,13.8212"/><path class="cls-1" d="M32.4518,50.05578a4.75087,4.75087,0,1,1-4.8411,8.176"/></g></svg>

After

Width:  |  Height:  |  Size: 602 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><path class="cls-1" d="M18.5,42.14678h43s-3.2568,5.6573-11.6091,5.6573c-9.3909,0-12.7123-5.6573-12.7123-5.6573"/><path class="cls-1" d="M28.0021,41.74148a4.75105,4.75105,0,0,0-9.5021,0"/><path class="cls-1" d="M27.262,58.02558l21.9071-37.0012s-6.5275-.0796-10.7827,7.1073c-4.7843,8.0807-1.6083,13.8212-1.6083,13.8212"/><path class="cls-1" d="M32.4518,50.05578a4.75087,4.75087,0,1,1-4.8411,8.176"/></g></svg>

After

Width:  |  Height:  |  Size: 602 B

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<rect x="27.185" y="33.893" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="25.629" height="27.665"/>
<rect x="21.916" y="24.671" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="36.167" height="9.222"/>
<rect x="35.688" y="18.443" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.623" height="6.228"/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="40" y1="38.683" x2="40" y2="56.048"/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.892" y1="38.683" x2="33.892" y2="56.048"/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.107" y1="38.683" x2="46.107" y2="56.048"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<rect x="27.186" y="33.893" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="25.629" height="27.665"/>
<rect x="21.917" y="24.671" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="36.167" height="9.222"/>
<rect x="35.688" y="18.443" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.623" height="6.228"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="40" y1="38.683" x2="40" y2="56.048"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.892" y1="38.683" x2="33.892" y2="56.048"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.108" y1="38.683" x2="46.108" y2="56.048"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="18.5 51.671 18.5 61.5 61.5 61.5 61.5 51.671"/><polyline class="cls-1" points="52.627 35.902 39.976 48.553 27.373 35.95"/><line class="cls-1" x1="39.97558" y1="18.5" x2="39.97558" y2="48.55258"/></g></svg>

After

Width:  |  Height:  |  Size: 431 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="18.5 51.671 18.5 61.5 61.5 61.5 61.5 51.671"/><polyline class="cls-1" points="52.627 35.902 39.976 48.553 27.373 35.95"/><line class="cls-1" x1="39.97558" y1="18.5" x2="39.97558" y2="48.55258"/></g></svg>

After

Width:  |  Height:  |  Size: 431 B

View File

@@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
<polyline stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="22.865,12.5 15,20.366 7.135,12.5" stroke="#ffffff" fill="none"></polyline>
</svg>

After

Width:  |  Height:  |  Size: 265 B

View File

@@ -0,0 +1,8 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="30" viewBox="0 0 22 30">
<rect x="5" y="5" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="13" y="5" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="5" y="13" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="13" y="13" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="5" y="21" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="13" y="21" width="4" height="4" stroke="none" fill="#4c6374" />
</svg>

After

Width:  |  Height:  |  Size: 543 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polygon class="cls-1" points="40 32.736 53.759 32.736 61.5 40.085 61.5 61.5 40 61.5 40 32.736"/><polyline class="cls-1" points="53.788 32.736 53.788 40.113 61.5 40.113"/><polyline class="cls-1" points="40 23.983 46.831 23.983 46.831 32.736"/><polyline class="cls-1" points="40 56.24 18.5 56.24 18.5 23.983 25.46 23.983"/><path class="cls-1" d="M35.40705,21.24146a2.74146,2.74146,0,1,0-5.48291,0H25.45979v5.48291H39.87141V21.24146Z"/></g></svg>

After

Width:  |  Height:  |  Size: 639 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polygon class="cls-1" points="40 32.736 53.759 32.736 61.5 40.085 61.5 61.5 40 61.5 40 32.736"/><polyline class="cls-1" points="53.788 32.736 53.788 40.113 61.5 40.113"/><polyline class="cls-1" points="40 23.983 46.831 23.983 46.831 32.736"/><polyline class="cls-1" points="40 56.24 18.5 56.24 18.5 23.983 25.46 23.983"/><path class="cls-1" d="M35.40705,21.24146a2.74146,2.74146,0,1,0-5.48291,0H25.45979v5.48291H39.87141V21.24146Z"/></g></svg>

After

Width:  |  Height:  |  Size: 639 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke-width:2px;}.cls-1,.cls-2{stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;}.cls-2{fill:#FFFFFF;}</style></defs><g id="pfade"><line class="cls-1" x1="51.93664" y1="26.32134" x2="51.93664" y2="53.67866"/><polyline class="cls-1" points="51.937 26.321 48.366 22.75 43.659 22.75"/><rect class="cls-1" x="51.93664" y="31.63447" width="9.56336" height="16.89863"/><polyline class="cls-1" points="43.427 48.533 18.5 48.533 18.5 31.634 43.427 31.634"/><rect class="cls-2" x="22.50091" y="35.45994" width="21.15837" height="8.99998"/><polyline class="cls-1" points="51.937 26.321 55.508 22.75 60.214 22.75"/><polyline class="cls-1" points="51.937 53.679 48.366 57.25 43.659 57.25"/><polyline class="cls-1" points="51.937 53.679 55.508 57.25 60.214 57.25"/></g></svg>

After

Width:  |  Height:  |  Size: 862 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke-width:2px;}.cls-1,.cls-2{stroke:#000000;stroke-linecap:round;stroke-linejoin:round;}.cls-2{fill:#000000;}</style></defs><g id="pfade"><line class="cls-1" x1="51.93664" y1="26.32134" x2="51.93664" y2="53.67866"/><polyline class="cls-1" points="51.937 26.321 48.366 22.75 43.659 22.75"/><rect class="cls-1" x="51.93664" y="31.63447" width="9.56336" height="16.89863"/><polyline class="cls-1" points="43.427 48.533 18.5 48.533 18.5 31.634 43.427 31.634"/><rect class="cls-2" x="22.50091" y="35.45994" width="21.15837" height="8.99998"/><polyline class="cls-1" points="51.937 26.321 55.508 22.75 60.214 22.75"/><polyline class="cls-1" points="51.937 53.679 48.366 57.25 43.659 57.25"/><polyline class="cls-1" points="51.937 53.679 55.508 57.25 60.214 57.25"/></g></svg>

After

Width:  |  Height:  |  Size: 862 B

View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px"
height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g id="hintergrund" display="none">
<g display="inline">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.7769" y1="-3.1689" x2="76.2232" y2="83.1693">
<stop offset="0.5" style="stop-color:#EFF1F3"/>
<stop offset="0.9998" style="stop-color:#AEB9C2"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="80" height="80"/>
</g>
</g>
</g>
<g id="grid" display="none">
<rect x="18.5" y="18.5" display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" width="43" height="43"/>
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="39.5" y1="11" x2="39.5" y2="70"/>
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="10" y1="40.5" x2="69" y2="40.5"/>
</g>
<g id="pfade">
<g>
<g>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="61.5" x2="61.5" y2="18.5"/>
</g>
<g>
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="18.5" x2="61.5" y2="61.5"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="48.438" y1="50.917" x2="62" y2="64.478"/>
<circle fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.133" cy="38.608" r="17.133"/>
</svg>

After

Width:  |  Height:  |  Size: 798 B

View File

@@ -0,0 +1,4 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<rect x="0.5" y="0.5" width="19" height="19" fill="#2775be" stroke="#434343" />
<polygon points="5,13 15,13 10,6" fill="#ffffff" stroke="none" />
</svg>

After

Width:  |  Height:  |  Size: 252 B

View File

@@ -0,0 +1,4 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<rect x="0.5" y="0.5" width="19" height="19" fill="#2775be" stroke="#434343" />
<polygon points="5,7 15,7 10,14" fill="#ffffff" stroke="none" />
</svg>

After

Width:  |  Height:  |  Size: 251 B

View File

@@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<rect x="0.5" y="0.5" width="19" height="19" fill="#2a3845" stroke="#434343" />
</svg>

After

Width:  |  Height:  |  Size: 185 B

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<g>
<polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
26.973,31.235 39.604,18.604 52.235,31.235 "/>
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.604" y1="48.669" x2="39.604" y2="18.856"/>
</g>
<polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
18.444,51.536 18.444,61.396 61.556,61.396 61.556,51.536 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<g>
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
26.973,31.235 39.604,18.604 52.235,31.235 "/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.604" y1="48.669" x2="39.604" y2="18.856"/>
</g>
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
18.444,51.536 18.444,61.396 61.556,61.396 61.556,51.536 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,195 @@
/** Styles for the theme: Base-Dark */
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer {
--tchmi-background: var(--tchmi-background-color-1);
--tchmi-pane-background: var(--tchmi-background-color-4);
--tchmi-border-color: var(--tchmi-background-color-2);
--tchmi-file-upload-progress-color: var(--tchmi-highlight-color-1);
--tchmi-file-upload-progress-color-inverted: var(--tchmi-foreground-color-1);
--tchmi-sort-configurator-text-color: var(--tchmi-foreground-color-1);
--tchmi-sort-configurator-background-color-active: var(--tchmi-background-color-3);
background-color: var(--tchmi-background);
box-shadow: var(--tchmi-card-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-directory-tree,
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box {
background-color: var(--tchmi-pane-background);
border: 1px solid var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box li.file[data-metadata-upload-status='InProgress']::after {
background: var(--tchmi-file-upload-progress-color);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box
li.file.selected[data-metadata-upload-status='InProgress']::after {
background: var(--tchmi-file-upload-progress-color-inverted);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-size: contain;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
.button-create-folder
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/create-folder_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
.button-create-folder.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/create-folder_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-download .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/download_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
.button-download.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/download_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-upload .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/upload_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-upload.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/upload_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-rename .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/rename_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-rename.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/rename_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-copy .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/copy_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-copy.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/copy_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-cut .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/cut_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-cut.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/cut_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-paste .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/paste_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-paste.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/paste_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-delete .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/delete_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-delete.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/delete_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .input-search + .clear-search {
background-image: url('Images/search_normal.svg');
background-size: contain;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting span {
background: var(--tchmi-pane-background);
border-style: solid;
border-color: var(--tchmi-border-color);
color: var(--tchmi-sort-configurator-text-color);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting.active span {
background: var(--tchmi-sort-configurator-background-color-active);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting div.open-button {
font-size: var(--tchmi-button-font-size);
background:
url('Images/dropdown.svg') center/contain no-repeat,
var(--tchmi-highlight-button-background);
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting.active div.open-button {
background:
url('Images/dropdown.svg') center/contain no-repeat,
var(--tchmi-highlight-button-background-pressed);
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_TcHmiFileExplorer-menu-bar .input-search + .clear-search.has-text {
background-image: url('Images/search-clear_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-popup.TcHmi_Controls_Helpers_Popup-FileConflictPrompt
.TcHmi_Controls_Helpers_Popup-scroll-container {
--tchmi-pane-background: var(--tchmi-background-color-4);
box-shadow: var(--tchmi-dropdown-shadow);
background: var(--tchmi-pane-background);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator,
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator *::after,
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator *::before {
--tchmi-dropdown-background: var(--tchmi-background-color-4);
--tchmi-item-background: var(--tchmi-background-color-3);
--tchmi-divider-color: var(--tchmi-foreground-color-1);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator {
box-shadow: var(--tchmi-dropdown-shadow);
background: var(--tchmi-dropdown-background);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li {
background-color: var(--tchmi-item-background);
background-image: url('Images/sort_inactive.svg');
background-repeat: no-repeat;
background-position: 5px center;
background-size: 20px;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.ascending {
background-image: url('Images/sort_ascending.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.descending {
background-image: url('Images/sort_descending.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider {
background: unset;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider::after {
background: var(--tchmi-divider-color);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle {
background-image: url('Images/grab.svg');
background-size: contain;
cursor: grab;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle:active {
cursor: grabbing;
}

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="35.194 26.599 35.194 18.5 52.107 18.5 61.5 27.417 61.5 53.401"/><line class="cls-1" x1="61.5" y1="53.40057" x2="44.58661" y2="53.40057"/><polyline class="cls-1" points="52.143 18.5 52.143 27.451 61.5 27.451"/><polygon class="cls-1" points="18.5 26.599 35.194 26.599 44.587 35.516 44.587 61.5 18.5 61.5 18.5 26.599"/><polyline class="cls-1" points="35.23 26.599 35.23 35.55 44.587 35.55"/></g></svg>

After

Width:  |  Height:  |  Size: 625 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="35.194 26.599 35.194 18.5 52.107 18.5 61.5 27.417 61.5 53.401"/><line class="cls-1" x1="61.5" y1="53.40057" x2="44.58661" y2="53.40057"/><polyline class="cls-1" points="52.143 18.5 52.143 27.451 61.5 27.451"/><polygon class="cls-1" points="18.5 26.599 35.194 26.599 44.587 35.516 44.587 61.5 18.5 61.5 18.5 26.599"/><polyline class="cls-1" points="35.23 26.599 35.23 35.55 44.587 35.55"/></g></svg>

After

Width:  |  Height:  |  Size: 625 B

View File

@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<polyline fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
61.055,18.457 39.62,18.457 39.58,18.457 33.364,28.222 11.255,28.222 11.255,61.542 61.055,61.542 "/>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="39.817" x2="36.4" y2="39.817"/>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="45.92" x2="36.4" y2="45.92"/>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="51.778" x2="36.4" y2="51.778"/>
<g id="pfade">
<g xmlns="http://www.w3.org/2000/svg">
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50.241" y1="31.082" x2="50.241" y2="50.565" />
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60.741" y1="40.583" x2="40.258" y2="40.583" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
61.055,18.457 39.62,18.457 39.58,18.457 33.364,28.222 11.255,28.222 11.255,61.542 61.055,61.542 "/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="39.817" x2="36.4" y2="39.817"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="45.92" x2="36.4" y2="45.92"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="51.778" x2="36.4" y2="51.778"/>
<g id="pfade">
<g xmlns="http://www.w3.org/2000/svg">
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50.241" y1="31.082" x2="50.241" y2="50.565" />
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60.741" y1="40.583" x2="40.258" y2="40.583" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><path class="cls-1" d="M18.5,42.14678h43s-3.2568,5.6573-11.6091,5.6573c-9.3909,0-12.7123-5.6573-12.7123-5.6573"/><path class="cls-1" d="M28.0021,41.74148a4.75105,4.75105,0,0,0-9.5021,0"/><path class="cls-1" d="M27.262,58.02558l21.9071-37.0012s-6.5275-.0796-10.7827,7.1073c-4.7843,8.0807-1.6083,13.8212-1.6083,13.8212"/><path class="cls-1" d="M32.4518,50.05578a4.75087,4.75087,0,1,1-4.8411,8.176"/></g></svg>

After

Width:  |  Height:  |  Size: 602 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><path class="cls-1" d="M18.5,42.14678h43s-3.2568,5.6573-11.6091,5.6573c-9.3909,0-12.7123-5.6573-12.7123-5.6573"/><path class="cls-1" d="M28.0021,41.74148a4.75105,4.75105,0,0,0-9.5021,0"/><path class="cls-1" d="M27.262,58.02558l21.9071-37.0012s-6.5275-.0796-10.7827,7.1073c-4.7843,8.0807-1.6083,13.8212-1.6083,13.8212"/><path class="cls-1" d="M32.4518,50.05578a4.75087,4.75087,0,1,1-4.8411,8.176"/></g></svg>

After

Width:  |  Height:  |  Size: 602 B

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<rect x="27.185" y="33.893" fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="25.629" height="27.665"/>
<rect x="21.916" y="24.671" fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="36.167" height="9.222"/>
<rect x="35.688" y="18.443" fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.623" height="6.228"/>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="40" y1="38.683" x2="40" y2="56.048"/>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.892" y1="38.683" x2="33.892" y2="56.048"/>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.107" y1="38.683" x2="46.107" y2="56.048"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<rect x="27.186" y="33.893" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="25.629" height="27.665"/>
<rect x="21.917" y="24.671" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="36.167" height="9.222"/>
<rect x="35.688" y="18.443" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.623" height="6.228"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="40" y1="38.683" x2="40" y2="56.048"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.892" y1="38.683" x2="33.892" y2="56.048"/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.108" y1="38.683" x2="46.108" y2="56.048"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="18.5 51.671 18.5 61.5 61.5 61.5 61.5 51.671"/><polyline class="cls-1" points="52.627 35.902 39.976 48.553 27.373 35.95"/><line class="cls-1" x1="39.97558" y1="18.5" x2="39.97558" y2="48.55258"/></g></svg>

After

Width:  |  Height:  |  Size: 431 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="18.5 51.671 18.5 61.5 61.5 61.5 61.5 51.671"/><polyline class="cls-1" points="52.627 35.902 39.976 48.553 27.373 35.95"/><line class="cls-1" x1="39.97558" y1="18.5" x2="39.97558" y2="48.55258"/></g></svg>

After

Width:  |  Height:  |  Size: 431 B

View File

@@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
<polyline stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="22.865,12.5 15,20.366 7.135,12.5" stroke="#ffffff" fill="none"></polyline>
</svg>

After

Width:  |  Height:  |  Size: 265 B

View File

@@ -0,0 +1,8 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="30" viewBox="0 0 22 30">
<rect x="5" y="5" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="13" y="5" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="5" y="13" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="13" y="13" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="5" y="21" width="4" height="4" stroke="none" fill="#4c6374" />
<rect x="13" y="21" width="4" height="4" stroke="none" fill="#4c6374" />
</svg>

After

Width:  |  Height:  |  Size: 543 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polygon class="cls-1" points="40 32.736 53.759 32.736 61.5 40.085 61.5 61.5 40 61.5 40 32.736"/><polyline class="cls-1" points="53.788 32.736 53.788 40.113 61.5 40.113"/><polyline class="cls-1" points="40 23.983 46.831 23.983 46.831 32.736"/><polyline class="cls-1" points="40 56.24 18.5 56.24 18.5 23.983 25.46 23.983"/><path class="cls-1" d="M35.40705,21.24146a2.74146,2.74146,0,1,0-5.48291,0H25.45979v5.48291H39.87141V21.24146Z"/></g></svg>

After

Width:  |  Height:  |  Size: 639 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polygon class="cls-1" points="40 32.736 53.759 32.736 61.5 40.085 61.5 61.5 40 61.5 40 32.736"/><polyline class="cls-1" points="53.788 32.736 53.788 40.113 61.5 40.113"/><polyline class="cls-1" points="40 23.983 46.831 23.983 46.831 32.736"/><polyline class="cls-1" points="40 56.24 18.5 56.24 18.5 23.983 25.46 23.983"/><path class="cls-1" d="M35.40705,21.24146a2.74146,2.74146,0,1,0-5.48291,0H25.45979v5.48291H39.87141V21.24146Z"/></g></svg>

After

Width:  |  Height:  |  Size: 639 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke-width:2px;}.cls-1,.cls-2{stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;}.cls-2{fill:#4c6374;}</style></defs><g id="pfade"><line class="cls-1" x1="51.93664" y1="26.32134" x2="51.93664" y2="53.67866"/><polyline class="cls-1" points="51.937 26.321 48.366 22.75 43.659 22.75"/><rect class="cls-1" x="51.93664" y="31.63447" width="9.56336" height="16.89863"/><polyline class="cls-1" points="43.427 48.533 18.5 48.533 18.5 31.634 43.427 31.634"/><rect class="cls-2" x="22.50091" y="35.45994" width="21.15837" height="8.99998"/><polyline class="cls-1" points="51.937 26.321 55.508 22.75 60.214 22.75"/><polyline class="cls-1" points="51.937 53.679 48.366 57.25 43.659 57.25"/><polyline class="cls-1" points="51.937 53.679 55.508 57.25 60.214 57.25"/></g></svg>

After

Width:  |  Height:  |  Size: 862 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke-width:2px;}.cls-1,.cls-2{stroke:#000000;stroke-linecap:round;stroke-linejoin:round;}.cls-2{fill:#000000;}</style></defs><g id="pfade"><line class="cls-1" x1="51.93664" y1="26.32134" x2="51.93664" y2="53.67866"/><polyline class="cls-1" points="51.937 26.321 48.366 22.75 43.659 22.75"/><rect class="cls-1" x="51.93664" y="31.63447" width="9.56336" height="16.89863"/><polyline class="cls-1" points="43.427 48.533 18.5 48.533 18.5 31.634 43.427 31.634"/><rect class="cls-2" x="22.50091" y="35.45994" width="21.15837" height="8.99998"/><polyline class="cls-1" points="51.937 26.321 55.508 22.75 60.214 22.75"/><polyline class="cls-1" points="51.937 53.679 48.366 57.25 43.659 57.25"/><polyline class="cls-1" points="51.937 53.679 55.508 57.25 60.214 57.25"/></g></svg>

After

Width:  |  Height:  |  Size: 862 B

View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px"
height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g id="hintergrund" display="none">
<g display="inline">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.7769" y1="-3.1689" x2="76.2232" y2="83.1693">
<stop offset="0.5" style="stop-color:#EFF1F3"/>
<stop offset="0.9998" style="stop-color:#AEB9C2"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="80" height="80"/>
</g>
</g>
</g>
<g id="grid" display="none">
<rect x="18.5" y="18.5" display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" width="43" height="43"/>
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="39.5" y1="11" x2="39.5" y2="70"/>
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="10" y1="40.5" x2="69" y2="40.5"/>
</g>
<g id="pfade">
<g>
<g>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="61.5" x2="61.5" y2="18.5"/>
</g>
<g>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="18.5" x2="61.5" y2="61.5"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px"
height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g id="hintergrund" display="none">
<g display="inline">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.7769" y1="-3.1689" x2="76.2232" y2="83.1693">
<stop offset="0.5" style="stop-color:#EFF1F3"/>
<stop offset="0.9998" style="stop-color:#AEB9C2"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="80" height="80"/>
</g>
</g>
</g>
<g id="grid" display="none">
<rect x="18.5" y="18.5" display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" width="43" height="43"/>
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="39.5" y1="11" x2="39.5" y2="70"/>
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="10" y1="40.5" x2="69" y2="40.5"/>
</g>
<g id="pfade">
<g>
<g>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="61.5" x2="61.5" y2="18.5"/>
</g>
<g>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="18.5" x2="61.5" y2="61.5"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="48.438" y1="50.917" x2="62" y2="64.478"/>
<circle fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.133" cy="38.608" r="17.133"/>
</svg>

After

Width:  |  Height:  |  Size: 798 B

View File

@@ -0,0 +1,4 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<rect x="0.5" y="0.5" width="19" height="19" fill="#ffffff" stroke="#d7d7d9" />
<polygon points="5,13 15,13 10,6" fill="#4794da" stroke="none" />
</svg>

After

Width:  |  Height:  |  Size: 252 B

View File

@@ -0,0 +1,4 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<rect x="0.5" y="0.5" width="19" height="19" fill="#ffffff" stroke="#d7d7d9" />
<polygon points="5,7 15,7 10,14" fill="#4794da" stroke="none" />
</svg>

After

Width:  |  Height:  |  Size: 251 B

View File

@@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<rect x="0.5" y="0.5" width="19" height="19" fill="#ffffff" stroke="#d7d7d9" />
</svg>

After

Width:  |  Height:  |  Size: 185 B

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<g>
<polyline fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
26.973,31.235 39.604,18.604 52.235,31.235 "/>
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.604" y1="48.669" x2="39.604" y2="18.856"/>
</g>
<polyline fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
18.444,51.536 18.444,61.396 61.556,61.396 61.556,51.536 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g>
<g>
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
26.973,31.235 39.604,18.604 52.235,31.235 "/>
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.604" y1="48.669" x2="39.604" y2="18.856"/>
</g>
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
18.444,51.536 18.444,61.396 61.556,61.396 61.556,51.536 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,199 @@
/** Styles for the theme: Base */
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer {
--tchmi-background: var(--tchmi-background-color-1);
--tchmi-pane-background: var(--tchmi-background-color-4);
--tchmi-border-color: var(--tchmi-background-color-2);
--tchmi-file-upload-progress-color: var(--tchmi-highlight-color-1);
--tchmi-file-upload-progress-color-inverted: var(--tchmi-foreground-color-2);
--tchmi-sort-configurator-text-color: var(--tchmi-foreground-color-1);
--tchmi-sort-configurator-background-color-active: var(--tchmi-background-color-3);
background-color: var(--tchmi-background);
box-shadow: var(--tchmi-card-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-directory-tree,
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box {
background-color: var(--tchmi-pane-background);
border: 1px solid var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box li.file[data-metadata-upload-status='InProgress']::after {
background: var(--tchmi-file-upload-progress-color);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box
li.file.selected[data-metadata-upload-status='InProgress']::after {
background: var(--tchmi-file-upload-progress-color-inverted);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-size: contain;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
.button-create-folder
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/create-folder_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
.button-create-folder.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/create-folder_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-download .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/download_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
.button-download.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/download_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-upload .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/upload_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-upload.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/upload_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-rename .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/rename_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-rename.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/rename_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-copy .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/copy_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-copy.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/copy_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-cut .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/cut_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-cut.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/cut_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-paste .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/paste_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-paste.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/paste_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-delete .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/delete_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-delete.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/delete_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting span {
background: var(--tchmi-pane-background);
border-style: solid;
border-color: var(--tchmi-border-color);
color: var(--tchmi-sort-configurator-text-color);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting.active span {
background: var(--tchmi-sort-configurator-background-color-active);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting div.open-button {
font-size: var(--tchmi-button-font-size);
background:
url('Images/dropdown.svg') center/contain no-repeat,
var(--tchmi-highlight-button-background);
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting.active div.open-button {
background:
url('Images/dropdown.svg') center/contain no-repeat,
var(--tchmi-highlight-button-background-pressed);
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_TcHmiFileExplorer-menu-bar .input-search + .clear-search {
background-image: url('Images/search_normal.svg');
background-size: contain;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .input-search + .clear-search.has-text {
background-image: url('Images/search-clear_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .input-search + .clear-search.has-text:hover:not(:active) {
background-image: url('Images/search-clear_hover.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-popup.TcHmi_Controls_Helpers_Popup-FileConflictPrompt
.TcHmi_Controls_Helpers_Popup-scroll-container {
--tchmi-pane-background: var(--tchmi-background-color-4);
box-shadow: var(--tchmi-dropdown-shadow);
background: var(--tchmi-pane-background);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator,
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator *::after,
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator *::before {
--tchmi-dropdown-background: var(--tchmi-background-color-4);
--tchmi-item-background: var(--tchmi-background-color-3);
--tchmi-divider-color: var(--tchmi-foreground-color-3);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator {
box-shadow: var(--tchmi-dropdown-shadow);
background: var(--tchmi-dropdown-background);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li {
background-color: var(--tchmi-item-background);
background-image: url('Images/sort_inactive.svg');
background-repeat: no-repeat;
background-position: 5px center;
background-size: 20px;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.ascending {
background-image: url('Images/sort_ascending.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.descending {
background-image: url('Images/sort_descending.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider {
background: unset;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider::after {
background: var(--tchmi-divider-color);
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle {
background-image: url('Images/grab.svg');
background-size: contain;
cursor: grab;
}
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle:active {
cursor: grabbing;
}