io.parrots
Version:
Parrots.io App
165 lines (163 loc) • 4.99 kB
text/less
.parrots-page-trigger-settings {
display: flex;
height: 330pt;
width: 1000px;
>.wrapper-trigger-settings-left {
display: block;
height: 100%;
width: 60%;
>.wrapper-column-cron {
display: flex;
width: 90%;
height: 12%;
background-color: extract(@CLR_1, 6);
margin-left: 5%;
margin-top: 4%;
>.column-cron {
display: flex;
width: 18%;
height: 100%;
justify-content: center;
align-items: center;
}
}
phx-table {
top: unset;
>.phx-table-body {
display: block;
height: 100% ;
width: 100% ;
padding-bottom: unset ;
>.wrapper-row-cron {
.wrapper-under-line(17%);
cursor: unset ;
&:hover {
background-color: extract(@CLR_1, 8);
color: extract(@CLR_1, 1);
}
}
.selected {
width: 100%;
height: 17%;
background-color: extract(@CLR_1, 7);
}
}
}
>.wrapper-body-row-cron {
display: block;
height: 66%;
width: 91%;
margin-left: 5%;
}
>.btn-add-trigger {
.btn-box(90%, 12%, extract(@CLR_0, 9), extract(@CLR_1, 6));
display: flex;
margin-left: 5%;
&:before {
content: "a";
font-family: 'PhloxGlyphicons';
font-size: 10pt;
}
&:hover {
background-color: extract(@CLR_1, 5);
}
}
.none {
background-color: extract(@CLR_1, 8);
cursor: not-allowed ;
}
}
>.wrapper-trigger-settings-right {
display: block;
height: 100%;
width: 40%;
>.label-head-trigger-settings-right {
display: flex;
margin-top: 17%;
margin-left: 7%;
.FC2();
}
>.label-description-trigger-settings-right {
display: flex;
margin-left: 7%;
.FC0();
color: extract(@CLR_1, 1);
}
>.wrapper-material-text-box-cron {
display: flex;
height: 11%;
width: 86%;
margin-top: 5%;
margin-left: 7%;
material-text-box {
width: 65%;
.material-text-box {
margin-top: unset ;
}
}
>.btn-save-cron {
.btn-radius(30%, 70%, extract(@CLR_1, 9), @CLR_BRAND, 15px);
margin-left: 20px;
&:hover {
background-color: saturate(@CLR_BRAND, 25%);
}
}
.none {
color: extract(@CLR_1, 1);
background-color: extract(@CLR_1, 8);
cursor: not-allowed;
&:hover {
background-color: extract(@CLR_1, 8) ;
}
}
}
>.wrapper-description-how-to-cron {
display: flex;
height: 37%;
width: 86%;
.FC0();
margin-top: 5%;
margin-left: 7%;
>.wrapper-description-how-to-cron-left {
display: block;
height: 100%;
width: 50%;
}
>.wrapper-description-how-to-cron-right {
display: block;
height: 100%;
width: 50%;
}
.label--description-how-to-cron {
display: flex;
height: 20%;
width: 100%;
}
}
>.wrapper-btn-trigger-settings {
display: flex;
height: 10%;
width: 86%;
margin-top: 2%;
margin-left: 7%;
>.btn-close-trigger-settings {
.btn-box(70%, 100%);
display: flex;
margin-left: 35%;
.FC0();
&:hover {
background-color: extract(@CLR_1, 7);
}
}
>.btn-close-save-trigger-settings {
.btn-box(70%, 100%, extract(@CLR_1, 9), @CLR_BRAND);
display: flex;
margin-left: 35%;
.FC0();
&:hover {
opacity: 0.5 ;
}
}
}
}
}