io.parrots
Version:
Parrots.io App
175 lines • 4.9 kB
text/less
.parrots-group-table-row {
display: block;
height: 60px;
width: 100%;
border: 0.5px solid transparent;
.drag-top-bottom {
display: flex;
height: 5px;
width: 100%;
}
.wrapper-group-row {
display: flex;
height: 50px;
width: 100%;
.wrapper-icon-deails {
height: 100%;
width: 4%;
cursor: pointer;
}
.icon-move {
display: flex;
cursor: move;
align-items: center;
justify-content: center;
height: 100%;
width: 5%;
&:before {
content: "G";
font-family: 'PhloxGlyphicons';
font-size: 20pt;
}
}
.icon-right {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
&:before {
cursor: pointer;
content: "E";
font-family: 'PhloxGlyphicons';
font-size: 10pt;
}
}
.icon-down {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
color: @CLR_BRAND;
&:before {
cursor: pointer;
content: "K";
font-family: 'PhloxGlyphicons';
font-size: 10pt;
}
}
.icon-sub {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
color: @CLR_BRAND;
&:before {
cursor: pointer;
content: "z";
font-family: 'PhloxGlyphicons';
font-size: 15pt;
}
}
.label-value-group-name {
display: flex;
position: absolute;
width: 27%;
align-items: center;
height: 50px;
font-weight: bold;
margin-left: 2px;
}
.label-value-group-type-name {
display: flex;
position: absolute;
right: 47%;
width: 20%;
height: 50px;
align-items: center;
color: extract(@CLR_1, 3);
}
.label-value-create {
display: flex;
position: absolute;
right: 32.625%;
width: 14.375%;
height: 50px;
align-items: center;
}
.label-value-update {
display: flex;
position: absolute;
right: 18.25%;
width: 14.375%;
height: 50px;
align-items: center;
}
.wrapper-switch-table {
display: flex;
position: absolute;
right: 11.25%;
width: 7%;
height: 50px;
align-items: center;
justify-content: center;
font-weight: bold;
.phx-switch {
display: flex;
}
.phx-switch input.toggle + label {
margin-bottom: unset ;
}
.phx-switch input.toggle + label:before {
background: @CLR_BRAND;
}
.phx-switch input.toggle:checked + label:after {
box-shadow: inset 0 0 0 1px @CLR_BRAND, 0 2px 4px rgba(0, 0, 0, 0.2);
}
}
.icon-edit {
display: flex;
position: absolute;
right: 7.5%;
width: 3.75%;
height: 50px;
cursor: pointer;
justify-content: center;
align-items: center;
&:before {
content: "w";
font-family: 'PhloxGlyphicons';
font-size: 23pt;
}
}
.icon-add-sub {
display: flex;
position: absolute;
right: 3.75%;
justify-content: center;
align-items: center;
width: 3.75%;
height: 50px;
cursor: pointer;
&:before {
cursor: pointer;
content: "R";
font-family: 'PhloxGlyphicons';
font-size: 18pt;
}
}
.icon-del {
display: flex;
position: absolute;
right: 0;
justify-content: center;
align-items: center;
width: 3.75%;
height: 50px;
cursor: pointer;
&:before {
cursor: pointer;
content: "g";
font-family: 'PhloxGlyphicons';
font-size: 14pt;
}
}
}
}