mirror of
https://github.com/salesagility/SuiteCRM.git
synced 2024-11-22 16:02:36 +00:00
485 lines
8.7 KiB
SCSS
485 lines
8.7 KiB
SCSS
|
|
#condition_lines_span {
|
|
display: block;
|
|
}
|
|
|
|
#aow_conditionLines {
|
|
display: block;
|
|
}
|
|
|
|
#aow_conditionLines > thead {
|
|
display: block;
|
|
}
|
|
|
|
#aow_conditionLines > thead td {
|
|
background-color: $default-tab-bg;
|
|
padding: 8px 3px 8px 2px;
|
|
color: $list-view-header-color;
|
|
font-weight: bold;
|
|
font-size: $page-font-size;
|
|
}
|
|
|
|
.detail-view-field #aow_conditionLines thead td:first-of-type {
|
|
border-top-left-radius: 4px;
|
|
height: 32px;
|
|
}
|
|
|
|
|
|
.edit-view-field #aow_conditionLines thead td:first-of-type {
|
|
border-top-left-radius: 4px;
|
|
height: 34px;
|
|
width: 42px;
|
|
}
|
|
|
|
|
|
#aow_conditionLines thead td:last-of-type {
|
|
border-top-right-radius: 4px;
|
|
padding-left: 8px;
|
|
width: 26%;
|
|
}
|
|
|
|
|
|
#aow_conditionLines > thead > tr {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
background-color: $default-tab-bg;
|
|
display: block;
|
|
}
|
|
|
|
|
|
#aow_conditionLines > tbody {
|
|
display: block;
|
|
}
|
|
|
|
#aow_conditionLines > tbody > tr {
|
|
display: block;
|
|
background-color: $main-bg;
|
|
border-bottom: 1px $main-alternate-bg solid;
|
|
}
|
|
|
|
#aow_conditionLines > tbody > tr > td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
#aow_conditionLines td:first-of-type {
|
|
display: inline-block;
|
|
}
|
|
|
|
#aow_conditionLines td:not(:first-of-type) {
|
|
display: inline-block;
|
|
width: 16.67%; // 100 / 6 columns
|
|
}
|
|
|
|
#aow_conditionLines tbody td {
|
|
background-color: $detail-view-field-bg;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
min-height: 32px;
|
|
}
|
|
|
|
#aow_conditionLines tbody td:first-of-type {
|
|
padding-left: 8px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
#aow_conditionLines tbody td:last-of-type {
|
|
padding-left: 8px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
width: 26%;
|
|
}
|
|
|
|
|
|
#aow_conditionLines td:first-of-type button {
|
|
margin-top: 6px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
#aow_conditionLines input {
|
|
margin-top: 8px;
|
|
|
|
}
|
|
|
|
#aow_conditionLines input.sqsEnabled {
|
|
width: 62.5%;
|
|
}
|
|
|
|
#aow_conditionLines input[type=checkbox] {
|
|
margin-top: 24px;
|
|
}
|
|
|
|
|
|
#aow_conditionLines textarea {
|
|
margin-top: 8px;
|
|
width: 95%;
|
|
}
|
|
|
|
|
|
#aow_conditionLines select {
|
|
width: 95%;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
/** fix datetimes **/
|
|
#aow_conditionLines > tbody > tr > td > table.dateTime {
|
|
display: inline-block;
|
|
background-color: $detail-view-field-bg;
|
|
|
|
.dateTimeComboColumn {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1800px) {
|
|
// Date type
|
|
#aow_conditionLines select[id$="][0]"] {
|
|
width: 45%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
#aow_conditionLines select[id$="][1]"] {
|
|
width: 45%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
#aow_conditionLines input[id$="][2]"] {
|
|
width: 45%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
#aow_conditionLines select[id$="][3]"] {
|
|
width: 45%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 1800px) {
|
|
// Date type
|
|
#aow_conditionLines select[id$="][0]"] {
|
|
width: 24%;
|
|
}
|
|
|
|
#aow_conditionLines select[id$="][1]"] {
|
|
width: 24%;
|
|
}
|
|
|
|
#aow_conditionLines input[id$="][2]"] {
|
|
width: 24%;
|
|
}
|
|
|
|
#aow_conditionLines select[id$="][3]"] {
|
|
width: 24%;
|
|
}
|
|
}
|
|
|
|
[field="action_lines"] {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
#aow_conditionLines [type="button"] {
|
|
background-color: $danger-btn-bg;
|
|
padding: 7px;
|
|
margin-right: 4px;
|
|
border: 1px solid $danger-btn-bg;
|
|
border-radius: $border-radius-base;
|
|
}
|
|
|
|
#actionLines [type="button"] {
|
|
background-color: $danger-btn-bg;
|
|
padding: 0;
|
|
margin-right: 4px;
|
|
border: 1px solid $danger-btn-bg;
|
|
border-radius: $border-radius-base;
|
|
}
|
|
|
|
#actionLines {
|
|
display: block;
|
|
}
|
|
|
|
#actionLines > tr {
|
|
display: block;
|
|
}
|
|
|
|
#actionLines > tr > td {
|
|
display: block;
|
|
}
|
|
|
|
#actionLines td[field] label {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#actionLines > tr > td {
|
|
border: 1px solid $workflow-action-bg;
|
|
border-radius: $border-radius-base;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
#actionLines .action-table {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
#actionLines .action-table tbody {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
#actionLines .action-table tr {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
[data-workflow-action-parameter] input.sqsEnabled {
|
|
margin-top: 0px;
|
|
width: 50%;
|
|
}
|
|
|
|
.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="create-record"] input.sqsEnabled {
|
|
width: 65%;
|
|
}
|
|
|
|
.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="modify-record"] input.sqsEnabled {
|
|
width: 65%;
|
|
}
|
|
|
|
.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="send-email"] input.sqsEnabled {
|
|
width: 10%;
|
|
}
|
|
|
|
.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action="send-email"] .id-ff.multiple > button{
|
|
margin-left: 0;
|
|
}
|
|
|
|
|
|
|
|
#actionLines .action-table td {
|
|
display: inline-block;
|
|
}
|
|
|
|
#actionLines .action-table > tbody > tr:first-of-type > td:first-of-type {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
#actionLines .action-table > tbody > tr:first-of-type > td {
|
|
border-bottom: 1px solid $workflow-action-bg;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
#actionLines td[field=action] {
|
|
width: 65%;
|
|
height: 64px;
|
|
}
|
|
|
|
#actionLines td[field=action] select {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#actionLines td[field=name] {
|
|
width: 30%;
|
|
height: 64px;
|
|
}
|
|
|
|
#actionLines td[field=name] input[type=text] {
|
|
width: 80%;
|
|
}
|
|
|
|
#actionLines td[field=delete] {
|
|
width: 5%;
|
|
height: 64px;
|
|
}
|
|
|
|
#actionLines td[field=delete] .delete-btn {
|
|
float: right;
|
|
}
|
|
|
|
#actionLines td[field=delete] .delete-btn .btn {
|
|
padding: 0 0 0 0;
|
|
}
|
|
|
|
.edit tr td [data-workflow-action] td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
[data-workflow-action-line] {
|
|
vertical-align: top;
|
|
}
|
|
|
|
[data-workflow-action-line] td:first-of-type {
|
|
width: 48px;
|
|
}
|
|
|
|
|
|
[data-workflow-action-line] td:nth-of-type(3) select {
|
|
width: auto;
|
|
}
|
|
|
|
[data-workflow-action-line] select[id$="][0]"] {
|
|
width: 45%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
[data-workflow-action-line] select[id$="][1]"] {
|
|
width: 45%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
|
|
.col-sm-12 .edit-view-field [data-workflow-action-line] input[id$="][2]"] {
|
|
width: 45%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.col-sm-12 .edit-view-field [data-workflow-action-line] input[id$="][2]"][type=checkbox] {
|
|
width: 16px;
|
|
}
|
|
|
|
[data-workflow-action-line] select[id$="][3]"] {
|
|
width: 45%;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
[data-workflow-action="send-email"] > tbody > tr > td {
|
|
line-height: $input-line-height;
|
|
}
|
|
|
|
[data-workflow-action="send-email"] > tbody > tr:nth-of-type(1) > td {
|
|
width: 20%;
|
|
}
|
|
|
|
[data-workflow-action="send-email"] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) {
|
|
width: 100%;
|
|
}
|
|
|
|
[data-workflow-action="send-email"] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td:nth-of-type(1) {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
[data-workflow-action="send-email"] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td {
|
|
padding-bottom: 8px;
|
|
padding-top: 8px;
|
|
width: 100%;
|
|
}
|
|
|
|
[data-workflow-action="send-email"] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td input[type=text] {
|
|
width: auto;
|
|
}
|
|
|
|
#relate_label {
|
|
line-height: $input-line-height;
|
|
}
|
|
|
|
#deleteGroup img {
|
|
background-color: $danger-btn-bg;
|
|
padding: 0;
|
|
margin-right: 4px;
|
|
border: 1px solid $danger-btn-bg;
|
|
border-radius: $border-radius-base;
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: $danger-btn-bg;
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
background-color: $danger-btn-bg-hover;
|
|
}
|
|
|
|
.btn-danger:active {
|
|
background-color: $danger-btn-bg;
|
|
}
|
|
|
|
.btn-danger:focus {
|
|
background-color: $danger-btn-bg;
|
|
}
|
|
|
|
[data-workflow-action] .lines tbody > tr > td {
|
|
margin-bottom: 4px;
|
|
min-height: 64px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
[data-workflow-action] .relationship tbody > tr > td {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
min-height: 64px;
|
|
}
|
|
|
|
[data-workflow-action] .email-line tbody > tr > td {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
[data-workflow-action] .email-line tbody > tr > td select {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
[data-workflow-action] .email-line tbody > tr > td button {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
[data-workflow-action] .email-line tbody > tr > td input {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
|
|
|
|
[data-workflow-action] .name_label {
|
|
width: 70%;
|
|
}
|
|
|
|
[data-workflow-action] .name_label {
|
|
width: 30%;
|
|
}
|
|
|
|
[data-workflow-action] .lines tbody > tr > td {
|
|
margin-bottom: 4px;
|
|
min-height: 64px;
|
|
}
|
|
|
|
[data-workflow-action] .lines tbody > tr > td:first-of-type button {
|
|
margin-top: 8px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
[data-workflow-action] .lines select {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
[data-workflow-action] .lines tbody > tr > td input {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
[data-workflow-action] .lines tbody > tr > td input.sqsEnabled {
|
|
width: 62.5%;
|
|
}
|
|
|
|
[data-workflow-action] .lines tbody > tr > td input[type=checkbox] {
|
|
margin-top: 24px;
|
|
}
|
|
|
|
[data-workflow-action] .lines tbody > tr > td textarea {
|
|
margin-top: 8px;
|
|
width: 95%;
|
|
}
|
|
|
|
|
|
|
|
[data-workflow-action-parameter] [colspan="4"] {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
[data-workflow-action-parameter] > td {
|
|
display: block;
|
|
width: 100%;
|
|
} |