chore: purge arrow style

patw0929 · Mar 1, 2020 · e7793f4 · e7793f4
1 parent 8c6b08b
commit e7793f4
Showing 1 changed file with 2 additions and 27 deletions.
diff --git a/src/styles/intlTelInput.scss b/src/styles/intlTelInput.scss
@@ -11,15 +11,10 @@ $flagPadding: 8px !default;
 // assumed to be the border width of the input, which we do not control
 $borderWidth: 1px !default;
 
-$arrowHeight: 4px !default;
-$arrowWidth: 6px !default;
-$triangleBorder: 3px !default;
-$arrowPadding: 6px !default;
-$arrowColor: #555 !default;
-
 $inputPadding: 6px !default;
 $selectedFlagWidth: $flagWidth + (2 * $flagPadding) !default;
-$selectedFlagArrowWidth: $flagWidth + $flagPadding + $arrowWidth + (2 * $arrowPadding) !default;
+// 18px previously arrow width and padding, 6px ea.
+$selectedFlagArrowWidth: $flagWidth + $flagPadding + 18px !default;
 $selectedFlagArrowDialCodeWidth: $selectedFlagArrowWidth + $flagPadding !default;
 
 // enough space for them to click off to close
@@ -90,26 +85,6 @@ $mobilePopupMargin: 30px;
     // this must be full-height both for the hover highlight, and to push down the
     // dropdown so it appears below the input
     height: 100%;
-
-    .iti-arrow {
-      position: absolute;
-      // split the difference between the flag and the arrow height to verically center
-      top: 50%;
-      margin-top: -1 * ($arrowHeight / 2);
-      right: $arrowPadding;
-
-      // css triangle
-      width: 0;
-      height: 0;
-      border-left: $triangleBorder solid transparent;
-      border-right: $triangleBorder solid transparent;
-      border-top: $arrowHeight solid $arrowColor;
-
-      &.up {
-        border-top: none;
-        border-bottom: $arrowHeight solid $arrowColor;
-      }
-    }
   }
 
   // the dropdown