MonScoDocEssai/app/static/css/role_editor.css

78 lines
1.2 KiB
CSS

.help {
margin-bottom: 24px;
}
.roles-editor {
background-color: #fffaf4;
border-radius: 8px;
font-size: 90%;
margin-bottom: 24px;
padding: 8px;
}
.re-row {
/* align-items: center; */
display: flex;
flex-wrap: nowrap;
gap: 4px;
margin-bottom: 8px;
}
.re-row-titres .role-standard {
font-weight: bold;
}
.re-row-perm {
transition: background-color 0.3s ease;
}
.re-row-perm:hover {
background-color: rgba(250, 250, 8, 0.816); /* Highlight color */
cursor: pointer;
}
.re-cell {
/* align-self: center; */
flex-basis: 40px;
flex-grow: 0;
flex-shrink: 0;
overflow-wrap: anywhere;
}
.permission-titre {
flex-basis: 210px;
flex-grow: 0;
flex-shrink: 0;
overflow-wrap: anywhere;
}
.role-titre {
transform: rotate(180deg) translate(60%, 0);
writing-mode: vertical-lr;
}
.role>div, .role span {
display: block;
padding: 4px 8px;
border: 1px solid #aaa;
border-radius: 4px;
}
.role input {
display: none;
}
.role input:checked:not([value=aucun])+span {
background: rgb(0, 141, 42);
border-color: rgb(0, 141, 42);
color: #fff;
}
.role>:nth-child(1) {
background: #09c;
border-color: #09c;
color: #fff;
}
.permission-roles label {
font-weight: normal;
}