Penambahan FrontEnd All-New-Manufacture

2026-01-31 14:23:04 +07:00
parent 1b2e320b2b
commit 4feb21dcbc
2891 changed files with 426849 additions and 135 deletions
--- a/public/scss/components/ui/_ui-tooltip.scss
+++ b/public/scss/components/ui/_ui-tooltip.scss
@@ -0,0 +1,85 @@
+.tooltip{
+    margin-bottom: 6px!important;
+    &-wrapper{
+
+        button:not(:last-child){
+            margin-#{$dlab-pos-right}: 0.5rem;
+        }
+
+        button:hover{
+            background: var(--primary);
+            color: $white;
+        }
+
+        button{
+            margin-bottom: .5rem;
+
+            &:focus{
+                box-shadow: none;
+            }
+        }
+    }
+
+    &-inner{
+        border-radius: 0;
+        background: #333333;
+        font-size: 0.75rem;
+        font-weight: 300;
+        padding: 0.35rem 0.7rem;
+    }
+
+    
+}
+.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before{
+    // border-width: 0 0.6rem 0.6rem;
+    border-bottom-color: #333333;
+}
+
+.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before{
+    border-right-color: #333333;
+}
+
+.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before{
+    border-left-color: #333333;
+}
+
+.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before{
+    border-top-color: #333333;
+}
+
+.tooltip-inner {
+    background-color:var(--rgba-primary-1);
+    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+    color: var(--primary);
+    font-weight:400;
+    width:auto;
+    border-radius:$radius;
+    &:before{
+        background-color:$white!important;
+    }
+        
+}
+.tooltip .arrow{
+    border-top-color: #008ec3!important;
+    background-color:$white!important;
+}
+
+.tooltip.bs-tooltip-top .tooltip-arrow::before {
+    border-top-color:var(--primary); /* Set arrow color to red */
+    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+}
+
+.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
+    border-bottom-color: var(--primary); /* Set arrow color to red */
+    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+}
+
+.tooltip.bs-tooltip-start .tooltip-arrow::before {
+    border-left-color:var(--primary); /* Set arrow color to red */
+    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+}
+
+.tooltip.bs-tooltip-end .tooltip-arrow::before {
+    border-right-color:var(--primary); /* Set arrow color to red */
+    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+}