thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Quick fix for phone input style

Browse source
This commit is contained in:
lilia 2015-01-17 22:28:14 -10:00
parent f73596c240
commit ed06161ee7
3 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -46,7 +46,7 @@
</script> </script>
<script type="text/x-tmpl-mustache" id="phone-number"> <script type="text/x-tmpl-mustache" id="phone-number">
<div class="phone-input-form"> <div class="phone-input-form">
<div id="number-container"> <div class="number-container">
<input type="tel" class="number" placeholder="Phone Number" /> <input type="tel" class="number" placeholder="Phone Number" />
</div> </div>
</div> </div>

2
options.html
View file

@ -87,7 +87,7 @@
</div> </div>
<script type="text/x-tmpl-mustache" id="phone-number"> <script type="text/x-tmpl-mustache" id="phone-number">
<div class="phone-input-form"> <div class="phone-input-form">
<div id="number-container"> <div class="number-container">
<input type="tel" class="number" placeholder="Phone Number" /> <input type="tel" class="number" placeholder="Phone Number" />
</div> </div>
</div> </div>

4
stylesheets/options.css
View file

@ -90,6 +90,10 @@ h2 {
position: relative; position: relative;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.number-container .intl-tel-input,
.number-container .number {
width: 100%;
}
.number-container::after { .number-container::after {
visibility: hidden; visibility: hidden;
content: ' '; content: ' ';