marketplacepos 2.5.1 → 2.5.2

package/Marketplace/assets/floatingLabel.scss

@@ -1,187 +1,187 @@
-$fl_borderFocus: #1A73E8;
-$fl_border: #c8d3df;
-$fl_labelFocus: #3F8AEC;
-$fl_labelEmpty: #cccccc;
-$fl_label: #9DA2A6;
-$fl_input: #343434;
-
-.form-label-group {
-    position: relative;
-    margin-bottom: 1rem;
-
-    > {
-
-        input {
-            height: 3.625rem;
-            padding: .75rem;
-            color: $fl_input;
-            font-size: 0.875rem;
-            border-radius: 0.25rem !important;
-            border-color: $fl_border;
-
-            &:focus {
-                border: solid 1.5px $fl_borderFocus !important;
-            }
-        }
-
-        label {
-            width: auto;
-            position: absolute;
-            top: 1.125rem;
-            left: 0.75rem;
-            display: block;
-            margin-bottom: 0;
-            /* Override default `<label>` margin */
-            line-height: 1.5;
-            color: $fl_labelEmpty;
-            pointer-events: none;
-            cursor: text;
-            /* Match the input under the label */
-            border: 1px solid transparent;
-            border-radius: .25rem;
-            transition: all .1s ease-in-out;
-            font-size: 0.875rem;
-        }
-
-        textarea {
-            padding: .75rem;
-            color: $fl_input;
-            resize: both;
-            font-size: 0.875rem;
-            border-radius: 0.25rem;
-            border-color: $fl_border;
-
-            ~label {
-                top: 0.9375rem;
-            }
-
-            &:focus {
-                border: solid 1.5px $fl_borderFocus !important;
-
-                ~label {
-                    top: 1rem;
-                    left: 0.78125rem;
-                }
-            }
-        }
-
-        // For ng-select (single) add  [ngClass]="{'empty' : Constants.IsEmpty(ngModel in select)}"
-        // For ng-select (multiple) add  [ngClass]="{'empty' : Constants.IsEmpty( (ngModel in select).length == 0)}" and add class multiple.
-        ng-select ::ng-deep {
-            .ng-select-container {
-                min-height: 3.625rem;
-                border-color: $fl_border;
-                box-shadow: none;
-            }
-        }
-
-        ng-select {
-            ~label {
-                display: inline-block;
-                top: -0.625rem;
-                background-color: white;
-                font-size: 0.75rem !important;
-                color: $fl_label;
-                padding: 0 0.25rem;
-                z-index: 2000;
-                left: 0.5rem;
-            }
-        }
-    }
-
-    &.multiple {
-        ng-select ::ng-deep {
-            .ng-input {
-                padding-left: 0.25rem !important;
-            }
-
-            .ng-placeholder {
-                top: 18px !important;
-            }
-        }
-    }
-
-    &.radio {
-        height: 3.625rem;
-        padding: .75rem;
-        color: $fl_input;
-        border-radius: 0.25rem !important;
-        border: solid 1px $fl_border;
-
-        label {
-            background-color: white;
-            font-size: 0.75rem !important;
-            color: $fl_label;
-            top: -10px !important;
-            padding: 0 0.25rem;
-            left: 0.5rem;
-        }
-    }
-
-    &.empty {
-        ng-select {
-            ~label {
-                display: none;
-            }
-        }
-    }
-
-    input,
-    textarea {
-
-        &::-webkit-input-placeholder,
-        &:-ms-input-placeholder,
-        &::-ms-input-placeholder,
-        &::-moz-placeholder,
-        &::placeholder {
-            color: transparent;
-        }
-    }
-
-    input,
-    textarea {
-        &:not(:placeholder-shown) {
-            ~label {
-                background-color: white;
-                font-size: 0.75rem !important;
-                color: $fl_label;
-                top: -10px !important;
-                padding: 0 0.25rem;
-                left: 0.5rem;
-            }
-
-            &:focus {
-                ~label {
-                    color: $fl_labelFocus;
-                }
-            }
-        }
-    }
-
-
-    ng-select ::ng-deep {
-        .ng-placeholder {
-            padding-left: 0.25rem;
-            color: $fl_labelEmpty !important;
-            font-size: 0.875rem;
-        }
-
-        .ng-has-value {
-            .ng-value {
-                // position: absolute;
-                padding-left: 0.25rem;
-                font-size: 0.875rem;
-            }
-        }
-
-        .ng-value-container {
-            overflow: initial !important;
-        }
-
-        .ng-input {
-            top: auto !important;
-            padding-left: 0.875rem !important;
-            font-size: 0.875rem;
-        }
-    }
-}
+$fl_borderFocus: #1A73E8;
+$fl_border: #c8d3df;
+$fl_labelFocus: #3F8AEC;
+$fl_labelEmpty: #cccccc;
+$fl_label: #9DA2A6;
+$fl_input: #343434;
+
+.form-label-group {
+    position: relative;
+    margin-bottom: 1rem;
+
+    > {
+
+        input {
+            height: 3.625rem;
+            padding: .75rem;
+            color: $fl_input;
+            font-size: 0.875rem;
+            border-radius: 0.25rem !important;
+            border-color: $fl_border;
+
+            &:focus {
+                border: solid 1.5px $fl_borderFocus !important;
+            }
+        }
+
+        label {
+            width: auto;
+            position: absolute;
+            top: 1.125rem;
+            left: 0.75rem;
+            display: block;
+            margin-bottom: 0;
+            /* Override default `<label>` margin */
+            line-height: 1.5;
+            color: $fl_labelEmpty;
+            pointer-events: none;
+            cursor: text;
+            /* Match the input under the label */
+            border: 1px solid transparent;
+            border-radius: .25rem;
+            transition: all .1s ease-in-out;
+            font-size: 0.875rem;
+        }
+
+        textarea {
+            padding: .75rem;
+            color: $fl_input;
+            resize: both;
+            font-size: 0.875rem;
+            border-radius: 0.25rem;
+            border-color: $fl_border;
+
+            ~label {
+                top: 0.9375rem;
+            }
+
+            &:focus {
+                border: solid 1.5px $fl_borderFocus !important;
+
+                ~label {
+                    top: 1rem;
+                    left: 0.78125rem;
+                }
+            }
+        }
+
+        // For ng-select (single) add  [ngClass]="{'empty' : Constants.IsEmpty(ngModel in select)}"
+        // For ng-select (multiple) add  [ngClass]="{'empty' : Constants.IsEmpty( (ngModel in select).length == 0)}" and add class multiple.
+        ng-select ::ng-deep {
+            .ng-select-container {
+                min-height: 3.625rem;
+                border-color: $fl_border;
+                box-shadow: none;
+            }
+        }
+
+        ng-select {
+            ~label {
+                display: inline-block;
+                top: -0.625rem;
+                background-color: white;
+                font-size: 0.75rem !important;
+                color: $fl_label;
+                padding: 0 0.25rem;
+                z-index: 2000;
+                left: 0.5rem;
+            }
+        }
+    }
+
+    &.multiple {
+        ng-select ::ng-deep {
+            .ng-input {
+                padding-left: 0.25rem !important;
+            }
+
+            .ng-placeholder {
+                top: 18px !important;
+            }
+        }
+    }
+
+    &.radio {
+        height: 3.625rem;
+        padding: .75rem;
+        color: $fl_input;
+        border-radius: 0.25rem !important;
+        border: solid 1px $fl_border;
+
+        label {
+            background-color: white;
+            font-size: 0.75rem !important;
+            color: $fl_label;
+            top: -10px !important;
+            padding: 0 0.25rem;
+            left: 0.5rem;
+        }
+    }
+
+    &.empty {
+        ng-select {
+            ~label {
+                display: none;
+            }
+        }
+    }
+
+    input,
+    textarea {
+
+        &::-webkit-input-placeholder,
+        &:-ms-input-placeholder,
+        &::-ms-input-placeholder,
+        &::-moz-placeholder,
+        &::placeholder {
+            color: transparent;
+        }
+    }
+
+    input,
+    textarea {
+        &:not(:placeholder-shown) {
+            ~label {
+                background-color: white;
+                font-size: 0.75rem !important;
+                color: $fl_label;
+                top: -10px !important;
+                padding: 0 0.25rem;
+                left: 0.5rem;
+            }
+
+            &:focus {
+                ~label {
+                    color: $fl_labelFocus;
+                }
+            }
+        }
+    }
+
+
+    ng-select ::ng-deep {
+        .ng-placeholder {
+            padding-left: 0.25rem;
+            color: $fl_labelEmpty !important;
+            font-size: 0.875rem;
+        }
+
+        .ng-has-value {
+            .ng-value {
+                // position: absolute;
+                padding-left: 0.25rem;
+                font-size: 0.875rem;
+            }
+        }
+
+        .ng-value-container {
+            overflow: initial !important;
+        }
+
+        .ng-input {
+            top: auto !important;
+            padding-left: 0.875rem !important;
+            font-size: 0.875rem;
+        }
+    }
+}

package/Marketplace/assets/lbd/_alerts.scss

@@ -1,90 +1,90 @@
-.alert{
-    border: 0;
-    border-radius: 0;
-    color: #FFFFFF;
-    padding: 10px 15px;
-    font-size: 14px;
-
-    .container &{
-        border-radius: 4px;
-
-    }
-    .navbar &{
-        border-radius: 0;
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 85px;
-        width: 100%;
-        z-index: 3;
-    }
-    .navbar:not(.navbar-transparent) &{
-        top: 70px;
-    }
-
-    span[data-notify="icon"]{
-        font-size: 30px;
-        display: block;
-        left: 15px;
-        position: absolute;
-        top: 50%;
-        margin-top: -15px;
-    }
-
-    i.nc-simple-remove{
-        font-size: 12px !important;
-        font: bold normal normal 14px/1 'nucleo-icons';
-    }
-
-    button.close{
-        position: absolute;
-        right: 10px;
-        top: 50%;
-        margin-top: -13px;
-        z-index: 1033;
-        background-color: #FFFFFF;
-        display: block;
-        border-radius: 50%;
-        opacity: .4;
-        line-height: 9px;
-        width: 25px;
-        height: 25px;
-        outline: 0 !important;
-        text-align: center;
-        padding: 3px;
-        font-weight: 300;
-
-        &:hover{
-            opacity: .55;
-        }
-    }
-
-    .close ~ span{
-        display: block;
-        max-width: 89%;
-    }
-
-    &[data-notify="container"]{
-        padding: 10px 10px 10px 20px;
-        border-radius: $border-radius-base;
-    }
-
-    &.alert-with-icon{
-        padding-left: 65px;
-    }
-}
-.alert-primary{
-    background-color: $blue-navbar;
-}
-.alert-info{
-     background-color: $azure-navbar;
-}
-.alert-success {
-    background-color: $green-navbar;
-}
-.alert-warning {
-     background-color: $orange-navbar;
-}
-.alert-danger {
-     background-color: $red-navbar;
-}
+.alert{
+    border: 0;
+    border-radius: 0;
+    color: #FFFFFF;
+    padding: 10px 15px;
+    font-size: 14px;
+
+    .container &{
+        border-radius: 4px;
+
+    }
+    .navbar &{
+        border-radius: 0;
+        left: 0;
+        position: absolute;
+        right: 0;
+        top: 85px;
+        width: 100%;
+        z-index: 3;
+    }
+    .navbar:not(.navbar-transparent) &{
+        top: 70px;
+    }
+
+    span[data-notify="icon"]{
+        font-size: 30px;
+        display: block;
+        left: 15px;
+        position: absolute;
+        top: 50%;
+        margin-top: -15px;
+    }
+
+    i.nc-simple-remove{
+        font-size: 12px !important;
+        font: bold normal normal 14px/1 'nucleo-icons';
+    }
+
+    button.close{
+        position: absolute;
+        right: 10px;
+        top: 50%;
+        margin-top: -13px;
+        z-index: 1033;
+        background-color: #FFFFFF;
+        display: block;
+        border-radius: 50%;
+        opacity: .4;
+        line-height: 9px;
+        width: 25px;
+        height: 25px;
+        outline: 0 !important;
+        text-align: center;
+        padding: 3px;
+        font-weight: 300;
+
+        &:hover{
+            opacity: .55;
+        }
+    }
+
+    .close ~ span{
+        display: block;
+        max-width: 89%;
+    }
+
+    &[data-notify="container"]{
+        padding: 10px 10px 10px 20px;
+        border-radius: $border-radius-base;
+    }
+
+    &.alert-with-icon{
+        padding-left: 65px;
+    }
+}
+.alert-primary{
+    background-color: $blue-navbar;
+}
+.alert-info{
+     background-color: $azure-navbar;
+}
+.alert-success {
+    background-color: $green-navbar;
+}
+.alert-warning {
+     background-color: $orange-navbar;
+}
+.alert-danger {
+     background-color: $red-navbar;
+}