Penambahan FrontEnd All-New-Manufacture

public/scss/components/ui/_ui-popover.scss

@@ -0,0 +1,73 @@
+.popover{
+    border: 0.125rem solid rgba($secondary, 0.1);
+    min-width: 13.125rem;
+    box-shadow: 0 0 1.875rem 0 rgba(0,0,0,0.1);
+	@at-root [data-theme-version="dark"] & {
+        background-color: $d-bg;
+    }
+    &-header{
+        background: $secondary;
+        color: $white;
+        font-weight: 300;
+
+        &::before{
+            border-bottom: 0 !important;
+        }
+    }
+
+    &-body{
+        font-size: 0.75rem;
+		@at-root [data-theme-version="dark"] & {
+			color:#828690 ;
+		}
+    }
+	.popover-header{
+		@at-root [data-theme-version="dark"] & {
+			border-color: $dark-card;
+		}
+    }
+	@include respond ('phone-land'){
+		z-index:1;
+	}
+}
+
+.bootstrap-popover-wrapper{
+    .bootstrap-popover:not(:last-child){
+        margin-#{$dlab-pos-right}: 0.5rem;
+    }
+
+    .bootstrap-popover{
+        margin-bottom: .5rem;
+
+        button:hover,button:focus{
+            background: var(--primary);
+            color: $white;
+            box-shadow: none;
+        }
+    }
+}
+
+
+.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
+    bottom: 0rem;
+    border-top-color: $secondary;
+}
+
+.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
+    #{$dlab-pos-right}: 0rem;
+    border-left-color: $secondary;
+}
+
+.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
+    #{$dlab-pos-left}: 0rem;
+    border-right-color: $secondary;
+}
+
+.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+    top: 0rem;
+    border-bottom-color: $secondary;
+}
+
+.note-popover{
+    display: none;
+}