io.parrots
Version:
Parrots.io App
100 lines (99 loc) • 2.62 kB
text/less
.parrots-page-job-page {
display: block;
width: 100%;
height: 100%;
position: absolute;
background-color: extract(@CLR_1, 8);
>.wrapper-menu-job {
.no-select;
.wrapper-under-line(72pt);
position: absolute;
cursor: unset;
box-shadow: 0px 2px 4px extract(@CLR_1, 6);
align-items: center;
font-weight: bold;
z-index: 3;
>.link-job {
display: flex;
margin-left: 5%;
cursor: pointer;
height: 100%;
align-items: center;
}
.selected {
color: @CLR_BRAND;
}
}
.wrapper-menu-schedule-right {
display: flex;
position: absolute;
width: 270px;
height: 72pt;
right: 0;
z-index: 2;
>.icon-search-preload {
display: flex;
width: 85px;
height: 100%;
justify-content: center;
align-items: center;
&:before {
content: "";
.icon-preload();
}
}
>.icon-add-preload {
display: flex;
width: 185px;
height: 100%;
justify-content: center;
align-items: center;
&:before {
content: "";
.text-preload(120px, 32pt, extract(@CLR_1, 7));
}
}
}
.wrapper-menu-job-right {
.no-select;
display: flex;
position: absolute;
width: 450px;
height: 72pt;
right: 0;
z-index: 2;
>.icon-search-preload {
display: flex;
width: 50px;
height: 100%;
justify-content: center;
align-items: center;
&:before {
content: "";
.icon-preload();
}
}
>.icon-add-preload {
display: flex;
width: 150px;
height: 100%;
justify-content: center;
align-items: center;
&:before {
content: "";
.text-preload(100px, 18pt, extract(@CLR_1, 7));
}
}
>.label-view-preload {
display: flex;
width: 205px;
height: 100%;
justify-content: center;
align-items: center;
&:before {
content: "";
.text-preload(125px, 18pt, extract(@CLR_1, 7));
}
}
}
}