infrastructure/mox
1
0
Fork 0
mirror of https://github.com/mjl-/mox.git synced 2025-07-13 11:34:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

for username/email input field in login form, automatically resize so also longer addresses are fully visible

Browse Source 
feedback from jsfan3 in issue #58, thanks!
This commit is contained in:
Mechiel Lukkien
2024-01-08 21:59:15 +01:00
parent c348834ce9
commit 2392f79aa9
5 changed files with 27 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
webaccount/account.html
View File

@ -26,6 +26,9 @@ fieldset { border: 0; }
#page.loading { opacity: 0.1; animation: fadeout 1s ease-out; }
@keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } }
@keyframes fadeout { 0% { opacity: 1 } 100% { opacity: 0.1 } }
.autosize { display: inline-grid; max-width: 90vw; }
.autosize.input { grid-area: 1 / 2; }
.autosize::after { content: attr(data-value); margin-right: 1em; line-height: 0; visibility: hidden; white-space: pre-wrap; overflow-x: hidden; }
</style>
</head>
<body>