Fixed styles after packages upgrade (#2697)

* Removed unnecessary imports from styles * Fixed admin dropdown on small screen resolutions
Azure · Oct 14, 2024 · f00301d · f00301d
1 parent 6c3028d
commit f00301d
Show file tree

Hide file tree

Showing 31 changed files with 15 additions and 100 deletions.
diff --git a/src/themes/designer/styles/arrows.scss b/src/themes/designer/styles/arrows.scss
@@ -1,6 +1,4 @@
-@import "animation.scss";
-@import "variables.scss";
-@media (min-width: $breakpoint-lg) {
+@media (min-width: $breakpoint-lg) {
     .arrow-self {
         background-image: data-uri("../svgs/arrow.svg");
         background-size: auto 80%;

diff --git a/src/themes/designer/styles/balloons.scss b/src/themes/designer/styles/balloons.scss
@@ -1,8 +1,4 @@
-@import "animation.scss";
-@import "variables.scss";
-@import "mixins.scss";
-
-$tip-width: 10px;
+$tip-width: 10px;
 
 .balloon {
     @include surface();

diff --git a/src/themes/designer/styles/blocks.scss b/src/themes/designer/styles/blocks.scss
@@ -1,4 +1,3 @@
-
 .add-block-container {
     width: 100%;
     max-height: 600px;

diff --git a/src/themes/designer/styles/buttons.scss b/src/themes/designer/styles/buttons.scss
@@ -1,7 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-
-.btn {
+.btn {
     border: none;
     background: none;
     color: $color-base;

diff --git a/src/themes/designer/styles/draggables.scss b/src/themes/designer/styles/draggables.scss
@@ -1,6 +1,4 @@
-@import "variables.scss";
-
-.dragtarget {
+.dragtarget {
     width: 100px;
     height: 100px;
     border: 1px dashed #ccc;

diff --git a/src/themes/designer/styles/dropbucket.scss b/src/themes/designer/styles/dropbucket.scss
@@ -1,9 +1,4 @@
-@import "variables.scss";
-@import "toolboxes.scss";
-@import "animation.scss";
-@import "buttons.scss";
-
-dropbucket {
+dropbucket {
     right: 20px;
     bottom: 20px;
     position: fixed;

diff --git a/src/themes/designer/styles/dropzones.scss b/src/themes/designer/styles/dropzones.scss
@@ -1,7 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-
-[alignment] {
+[alignment] {
     position: absolute;
     top: initial;
     left: initial;

diff --git a/src/themes/designer/styles/forms.scss b/src/themes/designer/styles/forms.scss
@@ -1,8 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-@import "icons-toolboxes.scss";
-
-.form {
+.form {
     margin: 0;
     padding: 0;
     border: none;

diff --git a/src/themes/designer/styles/layouts.scss b/src/themes/designer/styles/layouts.scss
@@ -1,7 +1,4 @@
 @use "sass:math";
-@import "mixins.scss";
-@import "variables.scss";
-
 
 paperbits-code,
 paperbits-googlemaps,

diff --git a/src/themes/designer/styles/lightbox.scss b/src/themes/designer/styles/lightbox.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 // Vars ---------------------------------------------------------------- //
 $basicLightbox__background: rgba(0, 0, 0, .8) !default;
 $basicLightbox__zIndex: 100000 !default;

diff --git a/src/themes/designer/styles/lists.scss b/src/themes/designer/styles/lists.scss
@@ -1,8 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-@import "icons-toolboxes.scss";
-
-.list-item-group {
+.list-item-group {
     width: 100%;
 
     .list-item {

diff --git a/src/themes/designer/styles/mixins.scss b/src/themes/designer/styles/mixins.scss
@@ -1,6 +1,4 @@
-@import "variables.scss";
-
-@mixin hide-text() {
+@mixin hide-text() {
   text-indent: -9999px;
   white-space: nowrap;
 }

diff --git a/src/themes/designer/styles/scaffolding.scss b/src/themes/designer/styles/scaffolding.scss
@@ -1,4 +1,3 @@
-@import "mixins.scss";
 html,
 body {
     width: 100%;
@@ -10,7 +9,7 @@ body {
 
 * {
     @include box-sizing(border-box);
-    position: relative;
+    // position: relative; // Leaving this commented out to show that this should not be added as it breaks some pop-ups
 }
 
 *:before,

diff --git a/src/themes/designer/styles/slider.scss b/src/themes/designer/styles/slider.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .slider-display {
     width: 100%; 
     height: 25px;

diff --git a/src/themes/designer/styles/tabs.scss b/src/themes/designer/styles/tabs.scss
@@ -1,4 +1,3 @@
-
 .tabs {
     border-bottom: 1px solid $form-control-border;
     margin-bottom: 12px;

diff --git a/src/themes/designer/styles/toasts.scss b/src/themes/designer/styles/toasts.scss
@@ -1,8 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-@import "animation.scss";
-
-.toasts {
+.toasts {
     position: fixed;
     right: 40px;
     bottom: 50px;

diff --git a/src/themes/designer/styles/toolbox.paragraph.scss b/src/themes/designer/styles/toolbox.paragraph.scss
@@ -1,8 +1,4 @@
-@import "variables.scss";
-@import "buttons.scss";
-
-
-.tools-paragraph-style {
+.tools-paragraph-style {
     @include tabable();
     display: block;
     padding: 5px 10px;

diff --git a/src/themes/designer/styles/toolboxes.scss b/src/themes/designer/styles/toolboxes.scss
@@ -1,10 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-@import "icons-toolboxes.scss";
-@import "animation.scss";
-@import "layouts.scss";
-
-h1,
+h1,
 h2 {
     font-family: $font-family-base;
     color: $color-base;

diff --git a/src/themes/designer/styles/utils.scss b/src/themes/designer/styles/utils.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .text-center {
     text-align: center;
 }

diff --git a/src/themes/designer/styles/workshops.scss b/src/themes/designer/styles/workshops.scss
@@ -1,10 +1,4 @@
-@import "variables.scss";
-@import "icons-toolboxes.scss";
-@import "mixins.scss";
-@import "animation.scss";
-@import "flex.scss";
-
-.workshop {
+.workshop {
     .workshop-journey-step {
         min-width: 300px;
         padding: 0 20px;

diff --git a/src/themes/website/styles/balloons.scss b/src/themes/website/styles/balloons.scss
@@ -1,7 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-
-$tip-width: 10px;
+$tip-width: 10px;
 
 .balloon {
     position: fixed;

diff --git a/src/themes/website/styles/docs.scss b/src/themes/website/styles/docs.scss
@@ -1,6 +1,3 @@
-@import "variables.scss";
-@import "icons.scss";
-
 .snap {
     &.snap-top {
         position: sticky;

diff --git a/src/themes/website/styles/forms.scss b/src/themes/website/styles/forms.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 form {
     padding: 10px;
     flex-grow: 1;

diff --git a/src/themes/website/styles/gql.scss b/src/themes/website/styles/gql.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .table-ws-gql {
     display: grid;
     max-width: 100%;

diff --git a/src/themes/website/styles/icons.scss b/src/themes/website/styles/icons.scss
@@ -1,5 +1,3 @@
-@import "mixins.scss";
-
 @font-face {
     font-family: "Icons Embedded";
     src: url("/styles/fonts/icons.eot?a6lw2r");

diff --git a/src/themes/website/styles/lists.scss b/src/themes/website/styles/lists.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .list {
     .list-item {
         padding: .5em;

diff --git a/src/themes/website/styles/mixins.scss b/src/themes/website/styles/mixins.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 @mixin fit($spacing: 0) {
     top: $spacing;
     left: $spacing;

diff --git a/src/themes/website/styles/panels.scss b/src/themes/website/styles/panels.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .panel {
     padding: 30px;
 

diff --git a/src/themes/website/styles/resizables.scss b/src/themes/website/styles/resizables.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .resize-handle {
     background: transparent;
     position: absolute;

diff --git a/src/themes/website/styles/tables.scss b/src/themes/website/styles/tables.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 $table-border-width: 1px;
 $table-border-color: #dee2e6;
 $spacer: 10px;

diff --git a/src/themes/website/styles/text.scss b/src/themes/website/styles/text.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 h1,
 h2,
 h3,
-Original file line number
+Diff line change
@@ -1,5 +1,3 @@
-    @import "variables.scss";
     h1,
     h2,
     h3,
@@ Expand Down @@