@unipin/angular-applet 18.9.7 → 21.0.1

package/src/assets/scss/select.scss

@@ -1,328 +0,0 @@
-$ng-select-highlight: #ED6B26 !default;
-$ng-select-primary-text: #424242 !default;
-$ng-select-disabled-text: #e9ecef !default;
-$ng-select-border: #e0e0e0 !default;
-$ng-select-border-radius: 4px !default;
-$ng-select-bg: #ffffff !default;
-$ng-select-selected: #fef3ee !default;
-$ng-select-selected-text: #ED6B26 !default;
-
-$ng-select-marked: #fef3ee !default;
-$ng-select-marked-text: $ng-select-primary-text !default;
-
-$ng-select-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1) !default;
-$ng-select-placeholder: lighten($ng-select-primary-text, 40) !default;
-$ng-select-height: 36px !default;
-$ng-select-value-padding-left: 10px !default;
-$ng-select-value-font-size: 0.9em !default;
-// $ng-select-value-text: $ng-select-primary-text !default;
-
-$ng-select-dropdown-bg: $ng-select-bg !default;
-$ng-select-dropdown-border: $ng-select-border !default;
-$ng-select-dropdown-optgroup-text: rgba(0, 0, 0, 0.54) !default;
-$ng-select-dropdown-optgroup-marked: $ng-select-dropdown-optgroup-text !default;
-$ng-select-dropdown-option-bg: $ng-select-dropdown-bg !default;
-$ng-select-dropdown-option-text: rgba(0, 0, 0, 0.87) !default;
-$ng-select-dropdown-option-disabled: #888 !default;
-
-$ng-select-input-text: #424242 !default;
-
-.ng-select {
-    &.ng-select-opened {
-        > .ng-select-container {
-            background: $ng-select-bg;
-            // border-color: darken($ng-select-border, 10) $ng-select-border lighten($ng-select-border, 5);
-            &:hover {
-                box-shadow: none;
-            }
-            .ng-arrow {
-                top: -2px;
-                border-color: transparent transparent #616161;
-                border-width: 0 5px 5px;
-                // &:hover {
-                //     border-color: transparent transparent #616161;
-                // }
-            }
-        }
-        // &.ng-select-top {
-        //     > .ng-select-container {
-        //         border-top-right-radius: 0;
-        //         border-top-left-radius: 0;
-        //     }
-        // }
-        // &.ng-select-right {
-        //     > .ng-select-container {
-        //         border-top-right-radius: 0;
-        //         border-bottom-right-radius: 0;
-        //     }
-        // }
-        // &.ng-select-bottom {
-        //     > .ng-select-container {
-        //         border-bottom-right-radius: 0;
-        //         border-bottom-left-radius: 0;
-        //     }
-        // }
-        // &.ng-select-left {
-        //     > .ng-select-container {
-        //         border-top-left-radius: 0;
-        //         border-bottom-left-radius: 0;
-        //     }
-        // }
-    }
-    // &.ng-select-focused {
-    //     &:not(.ng-select-opened) > .ng-select-container {
-    //         border-color: $ng-select-highlight;
-    //         box-shadow: $ng-select-box-shadow;
-    //     }
-    // }
-    &.ng-select-disabled {
-        > .ng-select-container {
-            background-color: $ng-select-disabled-text;
-        }
-    }
-    .ng-has-value .ng-placeholder {
-        display: none;
-    }
-    .ng-select-container {
-        color: $ng-select-primary-text;
-        background-color: $ng-select-bg;
-        border-radius: $ng-select-border-radius;
-        border: 2px solid $ng-select-border;
-        min-height: $ng-select-height;
-        align-items: center;
-        &:hover {
-            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
-        }
-        .ng-value-container {
-            align-items: center;
-            padding-left: $ng-select-value-padding-left;
-            .ng-placeholder {
-                color: $ng-select-placeholder;
-            }
-        }
-    }
-    &.ng-select-single {
-        .ng-select-container {
-            height: $ng-select-height;
-            .ng-value-container {
-                .ng-input {
-                    // top: 5px;
-                    left: 0;
-                    padding-left: $ng-select-value-padding-left;
-                    padding-right: 50px;
-                    input {
-                        color: $ng-select-input-text;
-                    }
-                }
-            }
-        }
-    }
-    &.ng-select-multiple {
-        &.ng-select-disabled {
-            > .ng-select-container .ng-value-container .ng-value {
-                background-color: $ng-select-disabled-text;
-                border: 1px solid lighten($ng-select-border, 10);
-                .ng-value-label {
-                    padding: 0 5px;
-                }
-            }
-        }
-        .ng-select-container {
-            .ng-value-container {
-                padding-top: 5px;
-                padding-left: 7px;
-                .ng-value {
-                    font-size: $ng-select-value-font-size;
-                    margin-bottom: 5px;
-                    color: $ng-select-selected-text;
-                    background-color: $ng-select-selected;
-                    border-radius: 2px;
-                    margin-right: 5px;
-                    &.ng-value-disabled {
-                        background-color: $ng-select-disabled-text;
-                        .ng-value-label {
-                            padding-left: 5px;
-                        }
-                    }
-                    .ng-value-label {
-                        display: inline-block;
-                        padding: 1px 5px;
-                    }
-                    .ng-value-icon {
-                        display: inline-block;
-                        padding: 1px 5px;
-                        &:hover {
-                            background-color: darken($ng-select-selected, 5);
-                        }
-                        &.left {
-                            border-right: 1px solid darken($ng-select-selected, 10);
-                        }
-                        &.right {
-                            border-left: 1px solid darken($ng-select-selected, 10);
-                        }
-                    }
-                }
-                .ng-input {
-                    padding: 0 0 3px 3px;
-                    > input {
-                        color: $ng-select-input-text;
-                    }
-                }
-                .ng-placeholder {
-                    // top: 5px;
-                    padding-bottom: 5px;
-                    padding-left: 3px;
-                }
-            }
-        }
-    }
-    .ng-clear-wrapper {
-        color: darken($ng-select-border, 20);
-        &:hover .ng-clear {
-            color: #FF3B30;
-        }
-    }
-    .ng-spinner-zone {
-        padding: 5px 5px 0 0;
-    }
-    .ng-arrow-wrapper {
-        width: 25px;
-        padding-right: 5px;
-        // &:hover {
-        //     .ng-arrow {
-        //         border-top-color: #616161;
-        //     }
-        // }
-        .ng-arrow {
-            border-color: #616161 transparent transparent;
-            border-style: solid;
-            border-width: 5px 5px 2.5px;
-        }
-    }
-}
-
-.ng-dropdown-panel {
-    background-color: $ng-select-dropdown-bg;
-    border: 2px solid $ng-select-dropdown-border;
-    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
-    left: 0;
-    z-index: 20100 !important;
-    border-radius: $ng-select-border-radius;
-    &.ng-select-top {
-        bottom: 100%;
-        // border-top-right-radius: $ng-select-border-radius;
-        // border-top-left-radius: $ng-select-border-radius;
-        // border-bottom-color: lighten($ng-select-border, 10);
-        margin-bottom: 2px;
-        // .ng-dropdown-panel-items {
-        //     .ng-option {
-        //         &:first-child {
-        //             border-top-right-radius: $ng-select-border-radius;
-        //             border-top-left-radius: $ng-select-border-radius;
-        //         }
-        //     }
-        // }
-    }
-    // &.ng-select-right {
-    //     left: 100%;
-    //     top: 0;
-    //     border-top-right-radius: $ng-select-border-radius;
-    //     border-bottom-right-radius: $ng-select-border-radius;
-    //     border-bottom-left-radius: $ng-select-border-radius;
-    //     border-bottom-color: lighten($ng-select-border, 10);
-    //     margin-bottom: -1px;
-    //     .ng-dropdown-panel-items {
-    //         .ng-option {
-    //             &:first-child {
-    //                 border-top-right-radius: $ng-select-border-radius;
-    //             }
-    //         }
-    //     }
-    // }
-    &.ng-select-bottom {
-        top: 100%;
-        // border-bottom-right-radius: $ng-select-border-radius;
-        // border-bottom-left-radius: $ng-select-border-radius;
-        // border-top-color: lighten($ng-select-border, 10);
-        margin-top: 2px;
-        // .ng-dropdown-panel-items {
-        //     .ng-option {
-        //         &:last-child {
-        //             border-bottom-right-radius: $ng-select-border-radius;
-        //             border-bottom-left-radius: $ng-select-border-radius;
-        //         }
-        //     }
-        // }
-    }
-    // &.ng-select-left {
-    //     left: -100%;
-    //     top: 0;
-    //     border-top-left-radius: $ng-select-border-radius;
-    //     border-bottom-right-radius: $ng-select-border-radius;
-    //     border-bottom-left-radius: $ng-select-border-radius;
-    //     border-bottom-color: lighten($ng-select-border, 10);
-    //     margin-bottom: -1px;
-    //     .ng-dropdown-panel-items {
-    //         .ng-option {
-    //             &:first-child {
-    //                 border-top-left-radius: $ng-select-border-radius;
-    //             }
-    //         }
-    //     }
-    // }
-    .ng-dropdown-header {
-        border-bottom: 1px solid $ng-select-border;
-        padding: 5px 7px;
-    }
-    .ng-dropdown-footer {
-        border-top: 1px solid $ng-select-border;
-        padding: 5px 7px;
-    }
-    .ng-dropdown-panel-items {
-        .ng-optgroup {
-            user-select: none;
-            padding: 8px 10px;
-            font-weight: 500;
-            color: $ng-select-dropdown-optgroup-text;
-            cursor: pointer;
-            &.ng-option-disabled {
-                cursor: default;
-            }
-            &.ng-option-marked {
-                background-color: $ng-select-marked;
-            }
-            &.ng-option-selected, &.ng-option-selected.ng-option-marked {
-                color: $ng-select-dropdown-optgroup-marked;
-                background-color: $ng-select-selected;
-                font-weight: 600;
-            }
-        }
-        .ng-option {
-            background-color: $ng-select-dropdown-option-bg;
-            color: $ng-select-dropdown-option-text;
-            padding: 8px 10px;
-            &.ng-option-selected, &.ng-option-selected.ng-option-marked {
-                color: $ng-select-selected-text;
-                background-color: $ng-select-selected;
-                .ng-option-label {
-                    font-weight: 600;
-                }
-            }
-            &.ng-option-marked {
-                background-color: $ng-select-marked;
-                color: $ng-select-marked-text;
-            }
-            &.ng-option-disabled {
-                color: $ng-select-dropdown-option-disabled;
-            }
-            &.ng-option-child {
-                padding-left: 22px;
-            }
-            .ng-tag-label {
-                font-size: 80%;
-                font-weight: 400;
-                padding-right: 5px;
-            }
-        }
-    }
-}