Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-06 19:59:28 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tweak spinbox fields for large values

Browse source
This commit is contained in:
David Rowe 2016-04-01 10:23:39 +13:00
parent 048865fb09
commit a2953595a5
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
examples/html/edit-style.css
View file

@ -233,12 +233,14 @@ input[type="number"] {
width: 120px; width: 120px;
} }
input[type=number] {
padding-right: 6px;
}
input[type=number]::-webkit-inner-spin-button { input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
opacity: 1.0; opacity: 1.0;
display: block; display: block;
position: relative; position: relative;
left: 5px;
width: 10px; width: 10px;
overflow: hidden; overflow: hidden;
color: #afafaf; color: #afafaf;
@ -251,12 +253,12 @@ input[type=number]::-webkit-inner-spin-button:after {
left: -21px; left: -21px;
font-family:hifi-glyphs; font-family:hifi-glyphs;
text-align: center; text-align: center;
font-size: 52px; font-size: 50px;
line-height: 8px; line-height: 8px;
} }
input[type=number]::-webkit-inner-spin-button:before { input[type=number]::-webkit-inner-spin-button:before {
content: "6"; content: "6";
top: 6px; top: 5px;
} }
input[type=number]::-webkit-inner-spin-button:after { input[type=number]::-webkit-inner-spin-button:after {
content: "5"; content: "5";
@ -271,6 +273,7 @@ input.no-spin::-webkit-inner-spin-button {
display: none; display: none;
-webkit-appearance: none; -webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
padding-right: 12px;
} }
input[type=button] { input[type=button] {
@ -643,7 +646,7 @@ div.refresh input[type="button"] {
padding-left: 65px; padding-left: 65px;
} }
.xyz .tuple input { .xyz .tuple input {
padding-left: 30px; padding-left: 25px;
} }
.pyr .tuple input { .pyr .tuple input {
padding-left: 45px; padding-left: 45px;