Global write permission | lock button
+ lock icon added: click -> toggle global write permission
This commit is contained in:
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
Reference in New Issue
Block a user