general-library-union 3.3.39 → 3.3.41

package/src/app/webcommon/pages/ejecucion-reporte/detalle-tipo-reporte/detalle-tipo-reporte.component.scss

@@ -0,0 +1,241 @@
+:host ::ng-deep .p-picklist-buttons.p-picklist-source-controls.ng-star-inserted {
+    display: none;
+}
+
+
+:host ::ng-deep .p-picklist-buttons.p-picklist-target-controls.ng-star-inserted {
+    display: none;
+}
+
+:host ::ng-deep .p-picklist.p-component {
+    margin: 0;
+}
+
+:host ::ng-deep .p-picklist-item span {
+    float: left !important;
+}
+
+:host ::ng-deep .fieldsintitulo .p-fieldset-legend {
+    display: none !important;
+}
+
+
+
+:host ::ng-deep .p-picklist-list-wrapper.p-picklist-source-wrapper {
+    ul{
+        box-shadow:inset 1px 8px 10px -10px var(--color-200);
+    }
+}
+
+
+:host ::ng-deep .p-picklist {
+
+
+
+
+    .p-picklist-target {
+        background:  var(--color-200) no-repeat;
+    }
+
+
+    .p-picklist-header {
+        display: none;
+    }
+
+
+    .p-picklist-header {
+        display: none;
+    }
+    }
+
+
+    :host ::ng-deep .p-picklist {
+
+
+        .p-picklist-target {
+            background: var(--color-50) no-repeat;
+        }
+
+
+        .p-picklist-header {
+            display: none;
+        }
+
+        .p-picklist-filter-container span {
+            color: var(--color-100);
+        }
+
+        .p-picklist-filter-container {
+            border-radius: 10px 10px 0 0;
+            padding: 3%;
+            border: 1px solid var(--color-100);
+            border-bottom: none;
+            box-shadow: 0px 4px 7px var(--color-100);
+            position: relative;
+        }
+
+        .p-picklist-list {
+            border: 1px solid var(--color-100);
+            height: 400px;
+
+        }
+
+        .p-picklist-list .p-picklist-item {
+            padding: 2%;
+            color: rgba(0, 0, 0, 0.87);
+            background: solid 2px var(--color-50) no-repeat;
+            margin: 16px 16px -7px;
+            border-radius: 5px;
+            border: solid 1px var(--color-100);
+            transition: 0.2s;
+            background: #fff;
+
+
+            h6,
+            h7 {
+                color: var(--color-500);
+                margin-bottom: 2px;
+                font-size: 1rem;
+                margin-top: 0;
+
+            }
+
+
+
+        span{
+            float: left;
+            margin-right: 4px;
+            min-height: 30px;
+            color: var(--color-400);
+        }
+
+    }
+
+    .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
+        background: var(--color-400);
+        color: white;
+        transition: .2s;
+
+        h6,
+        h7 {
+            color: white !important;
+            transition: .2s;
+        }
+
+        span{
+            color: #fff !important;
+        }
+
+
+    }
+
+    li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight {
+        background: var(--color-500);
+        color: white !important;
+
+        h6,
+        h7 {
+            color: white !important;
+
+        }
+
+        span{
+            color: #fff !important;
+        }
+
+
+    }
+}
+
+
+
+
+
+:host ::ng-deep span.p-input-icon-left {
+    width: calc(50% - -0rem - 0.25rem - 20px);
+    border-bottom: none;
+    border: 1px solid var(--color-100);
+    padding: 1.5%;
+    border-radius: 10px 10px 0 0;
+    margin-left: -8px;
+
+    i{
+        margin-left: 20px;
+    }
+
+}
+
+.p-picklist-buttons {
+    padding: 2rem;
+
+    .p-button:disabled {
+        background-color: var(--color3) !important;
+        color: #fff !important;
+    }
+
+    .p-button {
+        margin-bottom: 0.5rem;
+        border-radius: 100%;
+
+    }
+
+    .p-button.p-button-icon-only {
+        padding: 0.4rem 0.5rem;
+        width: 40px;
+        height: 40px;
+        max-width: initial;
+        max-height: initial;
+
+        span {
+            font-size: 18px;
+        }
+
+    }
+
+
+}
+
+
+:host ::ng-deep .p-picklist-buttons{
+    .p-button.p-button-icon-only{
+        border-radius: 100%;
+        width: 3rem !important;
+        background: var(--color-500);
+
+        span{
+            font-size: 1.2rem;
+            background: var(--color--300);
+            color: white;
+
+        }
+    }
+
+
+    .p-button:disabled{
+        background: var(--color-300) !important ;
+    }
+}
+
+
+@media (max-width:1440px){
+
+    :host ::ng-deep span.p-input-icon-left {
+        width: calc(50% - -0rem - 0.25rem - 20px);
+        border-bottom: none;
+        border: 1px solid var(--color-100);
+        padding: 1.2%;
+        border-radius: 10px 10px 0 0;
+        margin-left: -8px;
+
+        i{
+            margin-left: 15px;
+        }
+
+    }
+
+ 
+
+}
+:host ::ng-deep .p-button {
+    width: auto;
+}