85 lines
1.6 KiB
SCSS
85 lines
1.6 KiB
SCSS
$blue-color : #129D99;
|
|
$blue-color-light: #5cf7f2;
|
|
|
|
|
|
.field-container-active{
|
|
border-radius: .3em;
|
|
border-left: 0.3em solid $blue-color;
|
|
}
|
|
.fieldset-actions-list li{
|
|
cursor: pointer;
|
|
}
|
|
|
|
//cdkDrag
|
|
|
|
.cdk-drag-preview {
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
|
|
0 8px 10px 1px rgba(0, 0, 0, 0.14),
|
|
0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.cdk-drag-placeholder {
|
|
opacity: 0;
|
|
// background-color: black;
|
|
}
|
|
|
|
.cdk-drag-animating {
|
|
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.example-box:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.drop-list.cdk-drop-list-dragging {
|
|
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
|
|
.actions-list{
|
|
// border: 1px solid $blue-color;
|
|
// box-shadow: 0px 3px 12px #129D9999;
|
|
border-radius: 4px;
|
|
// padding-top: 1rem;
|
|
padding: 1em 0.9em;
|
|
padding-bottom: 3em;
|
|
min-width: 166px;
|
|
|
|
.mat-list-item-content{
|
|
padding: 0px;
|
|
}
|
|
|
|
|
|
.action-list-item{
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
|
|
|
|
.action-list-icon{
|
|
font-size: 1.2em;
|
|
// padding-right: 1em;
|
|
width: 14px;
|
|
margin-right: 0.5em;
|
|
margin-left: -.09em;
|
|
height: auto;
|
|
color: #129D99;;
|
|
}
|
|
.input_icon{
|
|
width: 14px;
|
|
margin-right: .5em;
|
|
}
|
|
.action-list-text{
|
|
font-size: 0.9em;
|
|
}
|
|
}
|
|
.action-list-label{
|
|
color: #212121;
|
|
font-size: small;
|
|
opacity: 0.6;
|
|
}
|
|
.list-unstyled{
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
} |