210 lines
3.5 KiB
SCSS
210 lines
3.5 KiB
SCSS
@import '../../../colors.scss';
|
|
|
|
.loader {
|
|
display:flex;
|
|
justify-content: center;
|
|
height:75vh;
|
|
align-items:center;
|
|
flex-direction:column
|
|
}
|
|
.modalLarge {
|
|
width: 50rem!important;
|
|
}
|
|
|
|
.addedRow {
|
|
border: 1px solid rgba(9, 77, 117, 0.2);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.deletedRow {
|
|
border: 1px solid rgba(70, 71, 70, 0.2);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
::ng-deep body[cds-theme="dark"] {
|
|
table {
|
|
.updatedRow {
|
|
background: #93971e;
|
|
}
|
|
|
|
.addedRow {
|
|
background: rgb(86 153 95);
|
|
}
|
|
|
|
.deletedRow {
|
|
background: rgb(138 90 90);
|
|
}
|
|
}
|
|
}
|
|
|
|
::ng-deep body[cds-theme="light"] {
|
|
table {
|
|
.updatedRow {
|
|
background: #fafda8;
|
|
}
|
|
|
|
.addedRow {
|
|
background: rgb(146, 208, 154);
|
|
}
|
|
|
|
.deletedRow {
|
|
background: rgb(230, 179, 179);
|
|
}
|
|
}
|
|
}
|
|
|
|
.updatedRow {
|
|
border: 1px solid rgba(9, 117, 9, 0.2);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.table {
|
|
border: 0px solid;
|
|
}
|
|
|
|
.ch {
|
|
background: rgba(0,0,0,.1);
|
|
border: 1px solid rgba(104, 100, 0, 0.4);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.ch:hover {
|
|
background: rgba(252, 135, 120, 0.4);
|
|
}
|
|
|
|
.tooltip .tooltip-content.tooltip-top-right, .tooltip.tooltip-top-right>.tooltip-content, .tooltip>.tooltip-content {
|
|
font-size: .54167rem;
|
|
font-weight: 400;
|
|
letter-spacing: normal;
|
|
background: $headerBackground;
|
|
border-radius: .125rem;
|
|
color: #f0f1ec;;
|
|
line-height: .75rem;
|
|
margin: 0;
|
|
padding: .375rem .5rem;
|
|
width: 235px;
|
|
position: absolute;
|
|
top: auto;
|
|
bottom: 100%;
|
|
left: 12px;
|
|
right: auto;
|
|
border-bottom-left-radius: 0;
|
|
margin-bottom: .66667rem;
|
|
}
|
|
|
|
.tooltip .tooltip-content.tooltip-top-right:before, .tooltip.tooltip-top-right>.tooltip-content:before, .tooltip>.tooltip-content:before {
|
|
position: absolute;
|
|
bottom: -.375rem;
|
|
left: 0;
|
|
top: auto;
|
|
right: auto;
|
|
content: "";
|
|
border-left: .25rem solid $headerBackground;
|
|
border-top: .20833rem solid $headerBackground;
|
|
border-right: .25rem solid transparent;
|
|
border-bottom: .20833rem solid transparent;
|
|
}
|
|
|
|
.table {
|
|
border: 0px solid;
|
|
}
|
|
|
|
.toggle-switch input[type=checkbox]:checked+label:before {
|
|
border-color: $headerBackground;
|
|
background-color: $headerBackground !important;
|
|
transition: .15s ease-in;
|
|
transition-property: border-color,background-color;
|
|
}
|
|
|
|
.tableCont {
|
|
overflow:auto;
|
|
margin: 15px 10px 10px 10px;
|
|
|
|
td {
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
|
|
.approvalInfo {
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.approvalBack {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
@media screen and (max-width:768px) {
|
|
.approvalInfo {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 15px;
|
|
|
|
}
|
|
|
|
.approvalBack {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.card {
|
|
margin-top:0rem!important;
|
|
min-height: calc(100vh - 0px)!important;
|
|
}
|
|
|
|
.table td.left, .table th.left {
|
|
text-align: left;
|
|
width: 150px!important;
|
|
flex: 0
|
|
}
|
|
}
|
|
|
|
.table td.left, .table th.left {
|
|
text-align: left;
|
|
flex: 1;
|
|
width: 300px!important;
|
|
}
|
|
|
|
|
|
.tooll {
|
|
position: absolute;
|
|
background: #e6b3b3;
|
|
color: $headerBackground;
|
|
top: 0px;
|
|
height: 36px;
|
|
width: 100%;
|
|
left: 0px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
#acceptBtn, #rejectBtn {
|
|
width: 175px
|
|
}
|
|
|
|
.formatted-values-toggle {
|
|
min-width: 75px
|
|
}
|
|
|
|
clr-modal {
|
|
::ng-deep {
|
|
.modal-body-wrapper {
|
|
overflow: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.rows-notice {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: 10px;
|
|
color: #6a6a6a;
|
|
font-size: 15px;
|
|
|
|
clr-icon {
|
|
margin: 0;
|
|
}
|
|
} |