ros.grant.common 2.1.1 → 2.1.2

package/Shared/Styles/Modules/Input/CustomNg-Select.less

@@ -1,295 +0,0 @@
-.page-wrapper {
-  .ng-select {
-    .ng-select-container {
-      min-height: 48px !important;
-      height: auto !important;
-      border: 1px solid var(--Stroke);
-      border-radius: 4px !important;
-      transition: 0.2s;
-      z-index: 1;
-  
-      &:hover {
-        box-shadow: none !important;
-      }
-  
-      .ng-clear-wrapper {
-        z-index: 1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        line-height: 0;
-  
-        .ng-clear {
-          font-size: 26px;
-          color: var(--Main1);
-          line-height: 0;
-          width: 9px;
-          height: 9px;
-          font-weight: 100;
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          transition: .2s;
-        }
-  
-        &:hover .ng-clear {
-          color: var(--Red);
-        }
-      }
-  
-      .ng-value-container {
-        padding-left: 16px !important;
-        display: flex;
-        align-items: center;
-        z-index: 1;
-  
-        .ng-placeholder {
-          color: var(--Secondary);
-        }
-  
-        .ng-input {
-          padding-left: 16px !important;
-          height: 36px;
-  
-          >input {
-            height: auto;
-            padding-top: 14px;
-            padding-left: 0;
-            border-radius: 0;
-            transform: translateY(-5px);
-            background-color: transparent !important;
-            box-shadow: none !important;
-          }
-        }
-      }
-    }
-  
-    .ng-arrow-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-      min-height: 46px;
-      width: 44px !important;
-      z-index: 1;
-  
-      .ng-arrow {
-        background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' stroke='%23282828' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-        background-repeat: no-repeat;
-        border: none !important;
-        width: 10px !important;
-        height: 6px !important;
-        transition: 0.2s;
-      }
-    }
-  
-    &.ng-select-disabled>.ng-select-container {
-      background-color: var(--Disabled);
-    }
-  
-    &.ng-select-opened>.ng-select-container .ng-arrow {
-      top: initial !important;
-      transform: rotate(180deg);
-    }
-  
-    &.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
-      box-shadow: none !important;
-    }
-  
-    &.ng-select-single {
-      .ng-select-container {
-        .ng-value-container {
-          .ng-value {
-            white-space: normal !important;
-          }
-        }
-      }
-    }
-  
-    &.ng-select-multiple {
-      .ng-select-container {
-        .ng-value-container {
-          padding-left: 8px !important;
-          padding-top: 6px !important;
-  
-          .ng-input {
-            padding-left: 8px !important;
-            padding: 0 0 0px 3px !important;
-  
-            input {
-              transform: translateY(-10px) !important;
-              padding-top: 16px;
-            }
-          }
-  
-          .ng-value {
-            background: var(--Bg2);
-            border-radius: 4px;
-            display: flex;
-            align-items: center;
-            flex-direction: row-reverse;
-            min-height: 32px;
-            padding: 8px 12px;
-            position: relative;
-            padding-right: 32px;
-            max-width: 97%;
-            margin-right: 8px;
-            margin-bottom: 8px;
-  
-            .ng-value-icon {
-              border: none !important;
-              position: absolute;
-              right: 0;
-              font-size: 13px;
-              color: transparent;
-
-              &::after{
-                content: '\2715';
-                position: absolute;
-                top: 0;
-                width: 16px;
-                height: 16px;
-                right: 12px;           
-                color: var(--Subsidiary);
-                display: flex;
-                justify-content: center;
-              }
-  
-              &:hover {
-                background-color: transparent !important;
-              }
-            }
-  
-            .ng-value-label {
-              padding: 0;
-              color: var(--neutral-text-primary, #282828);
-              font-family: var(--body-md-font-family);
-              font-weight: var(--body-md-font-weight);
-              line-height: var(--body-md-line-height);
-              font-size: var(--body-md-font-size);
-              overflow: hidden;
-            }
-          }
-  
-          .ng-placeholder {
-            top: 13px !important;
-            padding-left: 8px !important;
-          }
-        }
-      }
-  
-      &.ng-select-disabled {
-        & > .ng-select-container {
-          .ng-value-container {
-            .ng-value {
-              padding-right: 10px;
-              background-color: var(--Bg2);
-  
-              .ng-value-icon {
-                display: none !important;
-              }
-
-              .ng-value-label{
-                padding: 0;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  
-  ng-dropdown-panel.ng-dropdown-panel {
-    background: #fff;
-    box-shadow: 0px 4px 10px rgba(58, 58, 58, 0.15);
-    border-radius: 4px !important;
-    margin-top: 4px !important;
-    border: none;
-  
-    .ng-dropdown-panel-items {
-      border-radius: 4px !important;
-  
-      &::-webkit-scrollbar {
-        width: 8px;
-        background-color: transparent;
-      }
-  
-      &::-webkit-scrollbar-track {
-        border-radius: 8px;
-        background-color: transparent;
-      }
-  
-      &::-webkit-scrollbar-thumb {
-        border-radius: 8px;
-        background-color: var(--Secondary);
-      }
-  
-      .ng-option {
-        min-height: 40px;
-        transition: 0.2s;
-        display: flex;
-        align-items: center;
-        padding: 5px 16px;
-        white-space: normal;
-  
-        &.ng-option-child {
-          padding-left: 24px;
-        }
-
-        &-label {
-          color: var(--Main1) !important;
-        }
-  
-        span {
-          display: flex;
-          align-items: center;
-          font-size: 14px;
-          line-height: 160%;
-        }
-  
-        &.ng-option-marked {
-          background: #fff !important;
-          color: var(--Main1) !important;
-        }
-  
-        &.ng-option-selected {
-          background: #fff !important;
-          position: relative;
-          padding-right: 40px;
-  
-          &.ng-option-label {
-            font-weight: normal !important;
-          }
-  
-          &:before {
-            content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
-            right: 16px;
-            line-height: 0;
-          }
-        }
-  
-        &:hover {
-          background: var(--Bg2) !important;
-        }
-      }
-  
-      .ng-optgroup {
-        min-height: 40px;
-        transition: 0.2s;
-        display: flex;
-        align-items: center;
-        padding: 5px 16px;
-        white-space: normal;
-        color: var(--Secondary);
-        font-weight: bold;
-      }
-    }
-  }
-  
-  ng-select.ng-invalid.ng-touched .ng-select-container {
-    border-color: var(--Red);
-  }
-}

package/Shared/Styles/Modules/Input/NewCustomFileInput.less

@@ -1,145 +0,0 @@
-.new-custom-file-input {
-    padding: 0;
-    list-style-type: none;
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-
-    &__item {
-        border: 1px solid var(--Stroke);
-        border-radius: 4px;
-        padding: 4px 16px;
-        height: 48px;
-        transition: 0.2s;
-        position: relative;
-        display: flex;
-        align-items: center;
-        background-color: #fff;
-
-        &:hover {
-            border-color: var(--Main2);            
-            .qq-file-name {
-                &:before {                   
-                    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9H19.75V8.68934L19.5303 8.46967L19 9ZM13 3L13.5303 2.46967L13.3107 2.25H13V3ZM13 9H12.25V9.75H13V9ZM4.25 4V20H5.75V4H4.25ZM6 21.75H18V20.25H6V21.75ZM19.75 20V9H18.25V20H19.75ZM19.5303 8.46967L13.5303 2.46967L12.4697 3.53033L18.4697 9.53033L19.5303 8.46967ZM13 2.25H6V3.75H13V2.25ZM13.75 9V3H12.25V9H13.75ZM13 9.75H19V8.25H13V9.75ZM18 21.75C18.9665 21.75 19.75 20.9665 19.75 20H18.25C18.25 20.1381 18.1381 20.25 18 20.25V21.75ZM4.25 20C4.25 20.9665 5.0335 21.75 6 21.75V20.25C5.86193 20.25 5.75 20.1381 5.75 20H4.25ZM5.75 4C5.75 3.86193 5.86193 3.75 6 3.75V2.25C5.0335 2.25 4.25 3.0335 4.25 4H5.75Z' fill='%23B79B7E'/%3E%3C/svg%3E%0A")!important;
-                }
-            }
-        }
-
-        &.file-error {
-            border-color: var(--Red);
-        }        
-
-        .qq-file-info {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            width: 100%;
-
-            .info {
-                display: flex;
-                align-items: center;
-
-                .qq-upload-delete-selector {
-                    z-index: 1;
-                    border: none;
-                    padding: 0;
-                    background: transparent;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    cursor: pointer;
-
-                    &:before {
-                        content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6H5H21' stroke='%23FC5659' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z' stroke='%23FC5659' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 11V17' stroke='%23FC5659' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 11V17' stroke='%23FC5659' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-                        line-height: 0;
-                    }
-
-                    &:focus {
-                        outline: none;
-                    }
-                }
-            }
-
-            .qq-file-name {
-                white-space: nowrap;
-                overflow: hidden;
-                max-width: 70%;
-                text-overflow: ellipsis;
-                display: flex;
-                align-items: center;
-
-                &:before {                   
-                    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9H19.75V8.68934L19.5303 8.46967L19 9ZM13 3L13.5303 2.46967L13.3107 2.25H13V3ZM13 9H12.25V9.75H13V9ZM4.25 4V20H5.75V4H4.25ZM6 21.75H18V20.25H6V21.75ZM19.75 20V9H18.25V20H19.75ZM19.5303 8.46967L13.5303 2.46967L12.4697 3.53033L18.4697 9.53033L19.5303 8.46967ZM13 2.25H6V3.75H13V2.25ZM13.75 9V3H12.25V9H13.75ZM13 9.75H19V8.25H13V9.75ZM18 21.75C18.9665 21.75 19.75 20.9665 19.75 20H18.25C18.25 20.1381 18.1381 20.25 18 20.25V21.75ZM4.25 20C4.25 20.9665 5.0335 21.75 6 21.75V20.25C5.86193 20.25 5.75 20.1381 5.75 20H4.25ZM5.75 4C5.75 3.86193 5.86193 3.75 6 3.75V2.25C5.0335 2.25 4.25 3.0335 4.25 4H5.75Z' fill='%23282828'/%3E%3C/svg%3E%0A");
-                    line-height: 0;
-                    margin-right: 8px;
-                }
-            }
-        }
-
-        .qq-upload-status-text-selector {
-            position: absolute;
-            top: -20px;
-            right: 0px;
-        }
-
-        .qq-download-link {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 48px;
-        }
-
-        .qq-upload-size-selector {
-            color: var(--Stroke);
-            background: linear-gradient(270deg, #fff 77.6%, rgba(255, 255, 255, 0) 100%);
-            padding-left: 10px;
-            margin-right: 8px;
-            white-space: nowrap;
-        }
-    }
-}
-
-.new-qq-uploader-selector {
-    .qq-in-progress {
-        display: none;
-    }
-
-    .qq-gallery.qq-uploader:before {
-        display: none;
-    }
-
-    .qq-ulodaer-placholder {
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        border-radius: 4px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        text-align: center;
-        height: 100px;
-        color: var(--Secondary);
-        font-size: 14px;
-        line-height: 18px;
-
-        span {
-            font-size: 12px;
-            line-height: 16px;
-            margin-top: 6px;
-            display: block;
-        }
-    }
-
-    .qq-loading {
-        display: flex;
-        justify-content: center;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-}

package/Shared/Styles/Modules/Input/ng-custom-file-input.less

@@ -1,60 +0,0 @@
-.ng-form-file-input {
-    .ng-custom-file-input {
-        .ngx-file-drop__drop-zone {
-            background: #fff;
-            border: 1.5px dashed var(--Stroke);
-            border-radius: 4px !important;
-        }
-
-        &-content {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            padding: 0 10px;
-            justify-content: center;
-            color: var(--Secondary);
-            cursor: pointer;
-        }
-
-        &_progress {
-            position: relative;
-            width: 100px;
-            height: 4px;
-            background: var(--Stroke);
-            border-radius: 4px;
-
-            span {
-                position: absolute;
-                top: 0;
-                bottom: 0;
-                left: 0;
-                width: 0;
-                height: 100%;
-                background: var(--Main2);
-                border-radius: 4px;
-            }
-        }
-
-        &-btn-stop {
-            z-index: 1;
-            border: none;
-            padding: 0;
-            background: transparent;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-        }
-
-        &-error {
-            display: flex;
-            align-items: center;
-            color: var(--Red);
-
-            svg {
-                margin-right: 8px;
-            }
-        }
-    }
-}