forks
/
amnezia-wg-easy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add client name clipping(with ellipsis) on small screens(<sm)

This commit is contained in:
Mykola Symon 2022-10-31 19:45:07 +03:00
parent 30d3b4d72e
commit 85ed6d2b23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/www/index.html
View File

@ -148,8 +148,8 @@
v-on:keyup.escape="clientEditName = null; clientEditNameId = null;"
:ref="'client-' + client.id + '-name'"
class="rounded px-1 border-2 border-gray-100 focus:border-gray-200 outline-none w-30" />
<span v-show="clientEditNameId !== client.id"
class="inline-block border-t-2 border-b-2 border-transparent">{{client.name}}</span>
<span v-show="clientEditNameId !== client.id" style="max-width: 28ch;"
class="inline-block border-t-2 border-b-2 border-transparent align-top sm:w-auto overflow-hidden sm:overflow-visible overflow-ellipsis">{{client.name}}</span>
<!-- Edit -->
<span v-show="clientEditNameId !== client.id"