Don't let repo clone URL overflow (#19517)
- Apparently `<input>` elements differ from other elements have a size attribute that act as a `min-width` CSS property, this causes a overflow on mobile. By setting this size to `1` it doesn't try to force a min-width and nicely shrink down.
This commit is contained in:
parent
cdab46220d
commit
3fbaa79c6e
|
@ -10,7 +10,7 @@
|
||||||
</button>
|
</button>
|
||||||
{{end}}
|
{{end}}
|
||||||
<!-- the value will be updated by initRepoCloneLink, the code below is used to avoid UI flicking -->
|
<!-- the value will be updated by initRepoCloneLink, the code below is used to avoid UI flicking -->
|
||||||
<input id="repo-clone-url" value="" readonly>
|
<input id="repo-clone-url" value="" size="1" readonly>
|
||||||
<script>
|
<script>
|
||||||
(() => {
|
(() => {
|
||||||
const proto = localStorage.getItem('repo-clone-protocol') || 'https';
|
const proto = localStorage.getItem('repo-clone-protocol') || 'https';
|
||||||
|
|
Loading…
Reference in a new issue