Änderungen für den Modul- und denParameterblock

This commit is contained in:
Daniel
2025-04-22 14:35:19 +02:00
committed by Markus Zolliker
parent 5d10b6d48d
commit 5c1c94bffc
10 changed files with 544 additions and 360 deletions

View File

@ -88,7 +88,12 @@
cursor: pointer;
}
.col-right {
.col-right-modules {
position: absolute;
right: 16px;
}
.col-right-parameters {
float: right;
}
@ -101,13 +106,16 @@
min-width: 120px;
}
/* ------------------------------ modules-icons ------------------------------ */
.modules-icon {
display: inline-block;
width: 16px;
height: 16px;
width: 12px;
height: 12px;
line-height: 16px;
margin-right: 4px;
opacity: .8;
text-align: top;
margin-bottom: 4px;
}
/* ------------------------------ status-icon ------------------------------ */
@ -115,8 +123,7 @@
.status-icon {
border-radius: 50%;
background-color: lightgray;
opacity: .8;
/* box-shadow: -2px -2px 5px inset; */
margin-right: 4px;
}
.status-icon-idle {
@ -156,6 +163,33 @@
opacity: 1.0;
}
/* ------------------------------ value ------------------------------ */
.col-right-parameters-value {
position: absolute;
right: 16px;
}
/* ------------------------------ edit-icon ------------------------------ */
.edit-icon {
/* position: absolute; */
/* right: 0; */
float: right;
cursor: pointer;
}
.edit-icon:hover {
transform: scale(.8);
opacity: .6;
}
/* ------------------------------ hidden-input_element ------------------------------ */
.hidden-input-element {
display: none;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* TEXT */
.input-text {

View File

@ -153,6 +153,27 @@ meta, body {
height: 50%;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* PANEL */
.panel {
background-color: #303030;
/* position: absolute; */
z-index: 20;
width: 100%;
height: 30px;
}
.panel:not(.graphics) {
color: white;
text-align: center;
padding: 6px 6px 6px 6px;
}
.panel.graphics{
display: flex;
justify-content: flex-end;
padding-right: 12px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* CLOSE CROSS */

View File

@ -1,5 +1,7 @@
@CHARSET "UTF-8";
/* This file is obsolete because the swoiper was removed */
.swiper-container-main {
width: 100%;
height: 100%;