From f64498700b6326cb36929261abf006dae39057a5 Mon Sep 17 00:00:00 2001
From: Peter Mathis <peter.mathis@kombinat.at>
Date: Mon, 23 Sep 2024 14:26:06 +0200
Subject: [PATCH] fix(pat structure): Refactor  -> do not import bootstrap
 resources but use css variables

---
 src/pat/structure/structure.scss | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/pat/structure/structure.scss b/src/pat/structure/structure.scss
index 397559620..778b33e26 100644
--- a/src/pat/structure/structure.scss
+++ b/src/pat/structure/structure.scss
@@ -1,7 +1,3 @@
-@import "~bootstrap/scss/mixins";
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import "~bootstrap/scss/forms/form-control";
 
 .pat-structure {
     input.has-filter {
@@ -72,7 +68,7 @@
             border-bottom-width: 2px;
 
             th.sorting_disabled {
-                padding-right: $table-cell-padding-x !important;
+                padding-right: var(--bs-table-cell-padding-x) !important;
 
                 &:after,
                 &:before {
@@ -230,14 +226,14 @@
         }
 
         .popover-content {
-            padding: $popover-body-padding-y $popover-body-padding-x;
+            padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
 
             form {
-                padding: $popover-body-padding-y $popover-body-padding-x;
+                padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
                 max-height: 500px;
                 overflow-y: auto;
                 overflow-x: hidden;
-                margin: $popover-body-padding-y * -1 $popover-body-padding-x * -1 $popover-body-padding-y;
+                margin: calc(var(--bs-popover-body-padding-y) * -1) calc(var(--bs-popover-body-padding-x) * -1) var(--bs-popover-body-padding-y);
             }
         }
 
@@ -264,7 +260,7 @@
 
                 .lead-img {
                     flex-shrink: 0;
-                    margin-left: $spacer;
+                    margin-left: 1rem;
                 }
             }
 
@@ -278,9 +274,9 @@
         }
 
         &.default-page .title>div>*:first-child:before {
-            color: $danger;
+            color: var(--bs-danger);
             content: "•";
-            font-size: $font-size-lg;
+            font-size: calc(var(--bs-body-font-size) * 1.25);
             line-height: 1;
         }
     }
@@ -334,9 +330,13 @@
 
     #popover-rename {
         .form-control {
-            @extend .form-control-sm;
+            // copied from .form-control-sm in avoid including
+            // bootstrap.scss only for this.
+            min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
+            padding: .25rem .5rem;
+            font-size: calc(var(--bs-body-font-size) * .875);
+            border-radius: var(--bs-border-radius-sm);
         }
-
         div.item {
             border-bottom: 1px solid var(--bs-primary);
             margin-bottom: 5px;