martyn
/
townsquare
mirror of https://github.com/bra1n/townsquare.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added a max width and overflow hidden to the pronouns tooltip to stop it getting too long

This commit is contained in:
Dave 2021-02-28 13:26:58 +00:00
parent b9bd77789a
commit f670193fba
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Player.vue
View File

@ -675,6 +675,7 @@ li.move:not(.from) .player .overlay svg.move {
.pronouns { .pronouns {
display: inline-flex; display: inline-flex;
position: absolute; position: absolute;
max-width: 250px;
padding: 5px 10px; padding: 5px 10px;
left: 110%; left: 110%;
font-size: 80%; font-size: 80%;
@ -687,6 +688,7 @@ li.move:not(.from) .player .overlay svg.move {
align-content: center; align-content: center;
align-items: center; align-items: center;
pointer-events: none; pointer-events: none;
overflow: hidden;
opacity: 0; opacity: 0;
transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;