roojs-ui.js

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

diff --git a/less/roojs-bootstrap/phone-input.less b/less/roojs-bootstrap/phone-input.less
index 8a2bc3b..b293aba 100644 (file)
--- a/less/roojs-bootstrap/phone-input.less
+++ b/less/roojs-bootstrap/phone-input.less
@@ -1,8 +1,24 @@
 .tel-input {
-    padding-left: 55px;
+    padding-left: 105px;
     border-radius: 4px !important;
 }
 
+.dial-code-holder {
+    position: absolute;
+    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 {
@@ -1068,6 +1084,9 @@
       height: 10px;
       background-position: -5610px 0px;
     }
+    &.ot {
+      height: 0px;
+    }
 }