Commit 40f7516f authored by Emma's avatar Emma 🏳🌈

fix various issues on mobile

parent 5720a830
Pipeline #56971686 passed with stage
in 1 minute and 34 seconds
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -256 1792 1792"><g transform="matrix(1,0,0,-1,402.44068,1239.8644)" id="g2991"><path d="m 1024,832 q 0,-26 -19,-45 L 557,339 q -19,-19 -45,-19 -26,0 -45,19 L 19,787 q -19,19 -19,45 0,26 19,45 19,19 45,19 h 896 q 26,0 45,-19 19,-19 19,-45 z" fill="#000000"/></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -256 1792 1792"><g transform="matrix(1,0,0,-1,402.44068,1239.8644)" id="g2991"><path d="m 1024,832 q 0,-26 -19,-45 L 557,339 q -19,-19 -45,-19 -26,0 -45,19 L 19,787 q -19,19 -19,45 0,26 19,45 19,19 45,19 h 896 q 26,0 45,-19 19,-19 19,-45 z" fill="#ffffff"/></g></svg>
......@@ -5,10 +5,17 @@
border: solid 1px var(--border);
color: var(--text);
display: inline-block;
font-size: var(--font-size);
min-height: @height;
padding: 0.5rem;
transition: background-color .1s, box-shadow .1s, border-color .1s, color .1s;
@supports (-webkit-overflow-scrolling: touch) {
// fix zoom-on-focus in iOS
--font-size: ~'max(16px, var(--font-size))';
--font-size: 16px;
}
input&:not([type]),
&[type="text"],
&[type="password"],
......@@ -50,6 +57,20 @@
}
select&:not([multiple]) {
-moz-appearence: none;
-webkit-appearance: none;
background-image: url('caret-black.svg');
background-size: 12px 12px;
background-position: calc(100% - 2px) 50%;
background-repeat: no-repeat;
padding-right: 16px;
.night-mode & {
background-image: url('caret-white.svg');
}
border-radius: 0; // disable rounded corners on iOS
// dropdown caret doesn't acknowledge min-height
height: @height;
......
......@@ -8,6 +8,7 @@
display: inline-block;
font-size: var(--font-size);
padding: var(--padding-v) var(--padding-h);
text-align: center;
transition: background-color 0.3s;
white-space: nowrap;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment