try and get ctrl-enter to add a clear all

[roojs1] / less / roojs-bootstrap / phone-input.less

diff --git a/less/roojs-bootstrap/phone-input.less b/less/roojs-bootstrap/phone-input.less
index aecf9de..b293aba 100644 (file)
--- a/less/roojs-bootstrap/phone-input.less
+++ b/less/roojs-bootstrap/phone-input.less
@@ -1,14 +1,45 @@
 .tel-input {
-    padding-left: 55px;
-    padding-right: 10px;
+    padding-left: 105px;
+    border-radius: 4px !important;
 }
 
-.flag-container {
+.dial-code-holder {
     position: absolute;
-    top: 5px;
-    height: 100%;
+    width: 60px;
+    left: 55px;
+    z-index: 3;
+    padding: 7px;
+    border: 1px solid transparent;
+    background: transparent;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.tel-list {
+    li {
+        a {
+            padding-left: 10px;
+            .flag {
+                margin-right: 20px;
+            }
+            .dial-code {
+                color: #999;
+            }
+        }
+    }
+}
+
+.flag-box {
+    position: absolute;
+    top: 6px;
+    height: 20px;
     width: 50px;
     padding: 5px;
+    margin-left: 5px;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
@@ -24,6 +55,7 @@
     width: 20px;
     height: inherit;
     display: inline-block;
+    margin-right: 10px;
     &.ac {
       height: 10px;
       background-position: 0px 0px;
@@ -1052,6 +1084,9 @@
       height: 10px;
       background-position: -5610px 0px;
     }
+    &.ot {
+      height: 0px;
+    }
 }