fix(styles): fix some UI quirks on firefox

bimdata · Apr 15, 2021 · 5d9da80 · 5d9da80
1 parent 4eaa658
commit 5d9da80
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 15 deletions.
diff --git a/src/components/generic/breadcrumb-selector/BreadcrumbSelector.scss b/src/components/generic/breadcrumb-selector/BreadcrumbSelector.scss
@@ -22,6 +22,7 @@
     border-radius: 4px;
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
     background-color: $color-white;
+    overflow-x: hidden;
     overflow-y: auto;
 
     .bimdata-search-bar {

diff --git a/src/components/generic/breadcrumb-selector/BreadcrumbSelector.vue b/src/components/generic/breadcrumb-selector/BreadcrumbSelector.vue
@@ -29,7 +29,7 @@
           >
             <TextBox
               :text="item[labelProp]"
-              :maxLength="30"
+              :maxLength="24"
               cutOn="end"
               :tooltip="false"
             />

diff --git a/src/components/generic/flipable-card/FlipableCard.scss b/src/components/generic/flipable-card/FlipableCard.scss
@@ -24,18 +24,18 @@
         z-index: 0;
       }
     }
+  }
 
-    &.flipped {
-      transform: rotateY(180deg);
+  .card.flipped {
+    transform: rotateY(180deg);
 
-      &__face {
-        &--front {
-          z-index: 0;
-        }
+    .card__face {
+      &--front {
+        z-index: 0;
+      }
 
-        &--back {
-          z-index: 1;
-        }
+      &--back {
+        z-index: 1;
       }
     }
   }

diff --git a/src/components/generic/generic-modal/GenericModal.scss b/src/components/generic/generic-modal/GenericModal.scss
@@ -23,8 +23,8 @@
 
     &__btn-close {
       position: absolute;
-      top: 0;
-      right: 0;
+      top: $spacing-unit/2;
+      right: $spacing-unit/2;
       color: $color-tertiary-dark;
     }
 

diff --git a/src/components/specific/projects/project-card/ProjectCard.scss b/src/components/specific/projects/project-card/ProjectCard.scss
@@ -25,8 +25,9 @@
       height: 24px;
       padding: $spacing-unit/2 $spacing-unit;
       background-color: $color-primary;
-      color: $color-white;
+      line-height: 12px;
       text-transform: uppercase;
+      color: $color-white;
     }
 
     &:deep() {

diff --git a/src/components/specific/users/project-users-manager/ProjectUsersManager.scss b/src/components/specific/users/project-users-manager/ProjectUsersManager.scss
@@ -27,8 +27,6 @@
       .project-users-manager__list-container {
         width: 100%;
         height: 100%;
-        display: flex;
-        flex-direction: column;
         padding-bottom: $spacing-unit/2;
         overflow-x: hidden;
         overflow-y: auto;