Global write permission | lock button

+ lock icon added: click -> toggle global write permission
This commit is contained in:
Daniel
2025-04-27 09:36:03 +02:00
committed by Markus Zolliker
parent 8119f221bd
commit 9bacb41be8
8 changed files with 119 additions and 76 deletions

View File

@ -21,8 +21,6 @@
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* panel */
/* ------------------------------ modules-icons ------------------------------ */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* row */
@ -53,7 +51,9 @@
background-color: orangered;
}
.modules-icon {
/* ------------------------------ icon-modules ------------------------------ */
.icon-modules {
display: inline-block;
width: 12px;
height: 12px;
@ -95,31 +95,31 @@
display: inline-block;
}
/* ------------------------------ status-icon ------------------------------ */
/* ------------------------------ icon-status ------------------------------ */
.status-icon {
.icon-status {
border-radius: 50%;
background-color: lightgray;
margin-right: 4px;
}
.status-icon-idle {
.icon-status-idle {
background-color: lightgray;
}
.status-icon-idle {
.icon-status-idle {
background-color: white;
}
.status-icon-busy {
.icon-status-busy {
background-color: yellow;
}
.status-icon-warn {
.icon-status-warn {
background-color: orange;
}
.status-icon-error {
.icon-status-error {
background-color: red;
}
@ -134,7 +134,7 @@
display: none;
}
.status-icon:hover ~ .status-info {
.icon-status:hover ~ .status-info {
display: inline-block;
}
@ -163,18 +163,22 @@
/* ------------------------------ edit-icon ------------------------------ */
.edit-icon {
.icon-edit {
position: absolute;
top: 4px;
right: 2px;
cursor: pointer;
}
.edit-icon:hover {
.icon-edit:hover {
transform: scale(.8);
opacity: .6;
}
.icon-edit-hidden {
display: none;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* INPUT ELEMENTS */
@ -188,7 +192,7 @@
text-align: right;
}
.input-element-hidden {
.input-element-hidden, .input-element-button-hidden {
display: none;
}

View File

@ -179,48 +179,57 @@ meta, body {
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* CLOSE CROSS */
/* MAIN ICONS */
#close-cross {
z-index: 50;
top: 9px;
right: 12px;
position: fixed;
cursor: pointer;
}
.icon-close {
height: 20px;
width: 20px;
}
.icon-close:hover {
transform: scale(90%);
transition: .5s;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* LOG ICON */
.log-icon-container {
.icon-main-container {
z-index: 1001;
bottom: 9px;
right: 12px;
position: fixed;
color: white;
cursor: pointer;
}
.log-icon-container-hidden {
display: none;
}
.log-icon {
.icon-main {
height: 20px;
width: 20px;
}
.log-icon:hover {
.icon-main:hover {
transform: scale(90%);
transition: .5s;
}
.icon-main-container-hidden {
display: none;
}
/* ----------------------------------------------------------------------------------------------------- */
/* CLOSE CROSS */
.icon-close-container {
top: 9px;
right: 12px;
}
/* ----------------------------------------------------------------------------------------------------- */
/* LOG ICON */
.icon-log-container {
bottom: 9px;
right: 42px;
}
.icon-log-container-hidden {
display: none;
}
/* ----------------------------------------------------------------------------------------------------- */
/* LOCK ICON */
.icon-lock-container {
bottom: 9px;
right: 12px;
}
.icon-lock-container-hidden {
display: none;
}