Merge pull request #1978 from MetaPhase-Consulting/update/abl-tooltip…

…-styling abl tooltip styling
MetaPhase-Consulting · Feb 16, 2022 · 62a30c6 · 62a30c6
2 parents f65f84e + 9d4bb98
commit 62a30c6
Showing 1 changed file with 34 additions and 68 deletions.
diff --git a/src/sass/_availableBidders.scss b/src/sass/_availableBidders.scss
@@ -427,41 +427,8 @@
       padding-left: 5px;
     }
   }
-}
-
-.oc-icon {
-  color: $tertiary-gold;
-  font-size: 1.2em;
-}
-
-.ab-languages {
-  display: inline-flex;
-
-  span {
-    padding-left: 5px;
-  }
-}
-
-.ab-languages-theme {
-
-  .language-group {
-    padding-top: 2px;
-    padding-bottom : 2px;
-    font-size: 0.9em;
 
-    .language-name {
-      font-weight: bold;
-    }
-  }
-}
-
-.no-comments {
-  color: $color-gray-light;
-}
-
-.tippy-popper {
-  // TODO - consolidate these two classes
-  .tippy-tooltip.ab-row-theme {
+  .tippy-tooltip.ab-row-theme, .tippy-tooltip.step-letters-theme {
     background-color: $color-white;
     color: $color-black;
     border: 2px solid $tm-gray;
@@ -473,7 +440,7 @@
     .arrow-regular {
       border: none;
     }
-    .ab-row-tooltip-wrapper {
+    .ab-row-tooltip-wrapper, .step-letter-tooltip-wrapper {
       display: flex;
       padding-bottom: 10px;
       div {
@@ -485,51 +452,20 @@
         font-size: 16px;
         font-weight: bold;
       }
-      .ab-row-tooltip-data {
+      .ab-row-tooltip-data, .step-letter-date {
         font-weight: 400;
         font-style: italic;
       }
     }
-    .title {
-      font-size: 16px;
-      font-weight: bold;
-    }
-  }
-  .tippy-tooltip.step-letters-theme {
-    background-color: $color-white;
-    color: $color-black;
-    border: 2px solid $tm-gray;
-    font-size: 14px;
-    font-family: Roboto;
-    padding: 15px;
-    text-align: left;
-    box-shadow: $tm-gray 3px 14px 29px;
-    .arrow-regular {
-      border: none;
-    }
+
     .step-letter-tooltip-wrapper {
-      display: flex;
-      padding-bottom: 10px;
-      div {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-      }
       div:first-child {
         padding-right: 10px;
         border-right: 1px solid $color-gray-light;
       }
       div:nth-child(2) {
         padding-left: 10px;
       }
-      .title {
-        font-size: 16px;
-        font-weight: bold;
-      }
-      .step-letter-date {
-        font-weight: 400;
-        font-style: italic;
-      }
     }
     .title {
       font-size: 16px;
@@ -538,6 +474,36 @@
   }
 }
 
+.oc-icon {
+  color: $tertiary-gold;
+  font-size: 1.2em;
+}
+
+.ab-languages {
+  display: inline-flex;
+
+  span {
+    padding-left: 5px;
+  }
+}
+
+.ab-languages-theme {
+
+  .language-group {
+    padding-top: 2px;
+    padding-bottom : 2px;
+    font-size: 0.9em;
+
+    .language-name {
+      font-weight: bold;
+    }
+  }
+}
+
+.no-comments {
+  color: $color-gray-light;
+}
+
 .step-letter-clear-icon {
   margin-left: 5px;