78 lines
1.2 KiB
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;
|
|
} |