io.parrots
Version:
Parrots.io App
97 lines (96 loc) • 2.49 kB
text/less
.parrots-page-access-group {
height: 100%;
width: 73%;
position: absolute;
.wrapper-access-group-list {
display: flex;
width: 100%;
height: 9%;
background-color: extract(@CLR_1, 9);
font-weight: unset;
align-items: center;
margin-bottom: unset;
cursor: pointer;
border-bottom: 1px solid extract(@CLR_1, 7);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
>.wrapper-space-first {
display: flex;
width: 8%;
}
>.wrapper-space {
display: flex;
width: 2%;
}
>.label-description-access-group {
color: extract(@CLR_1, 3);
position: absolute;
right: 0;
width: 55%;
}
}
.wrapper-access-group-list input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
left: 17px;
height: 18px;
width: 18px;
background-color: #eee;
}
.wrapper-access-group-list:hover input~.checkmark {
background-color: #ccc;
}
.wrapper-access-group-list input:checked~.checkmark {
background-color: @CLR_BRAND;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.wrapper-access-group-list input:checked~.checkmark:after {
display: block;
}
.wrapper-access-group-list .checkmark:after {
left: 5.5px;
top: 1px;
width: 6px;
height: 13px;
border: solid extract(@CLR_1, 9);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.icon-status-show {
display: flex;
width: 2%;
height: 100%;
align-items: center;
&:before {
cursor: pointer;
content: "K";
font-family: 'PhloxGlyphicons';
font-size: 10pt;
}
}
.icon-sub-group {
display: flex;
justify-content: center;
width: 2%;
align-items: center;
height: 100%;
&:before {
cursor: pointer;
content: "z";
font-family: 'PhloxGlyphicons';
font-size: 15pt;
}
}
}