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.
tokarchuk/v1.17
Gusted 3 years ago committed by GitHub
parent cdab46220d
commit 3fbaa79c6e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      templates/repo/clone_buttons.tmpl

@ -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…
Cancel
Save