placement arrow
This commit is contained in:
parent
31cf1bf053
commit
243613aea1
@ -99,7 +99,7 @@ export class ViewCanvas {
|
||||
|
||||
this._updateURL();
|
||||
|
||||
if (this._zoom > 40) {
|
||||
if (this._zoom > 20) {
|
||||
this._getPlacerAt(this._relcursorx, this._relcursory);
|
||||
}
|
||||
}
|
||||
@ -366,7 +366,7 @@ export class ViewCanvas {
|
||||
private _showPlacerTag(placer: CanvasRecord): void {
|
||||
this._placerTag = $('<div class="canvas__cursor-placer">');
|
||||
this._placerTag.innerText = placer.user;
|
||||
this._placerTag.style.setProperty('--base-size', `${this._zoom / 1.5}px`);
|
||||
this._placerTag.style.setProperty('--base-size', `${this._zoom / 2}px`);
|
||||
this._placerTag.style.setProperty('--base-scale', `${this._zoom / 100}`);
|
||||
this._cursor.append(this._placerTag);
|
||||
}
|
||||
|
@ -63,12 +63,13 @@ body {
|
||||
&-placer {
|
||||
position: relative;
|
||||
min-width: 100px;
|
||||
background: ivory;
|
||||
background: white;
|
||||
box-shadow: 0px 1px 8px #5e5e5e;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
padding: 0.5rem;
|
||||
transform-origin: top center;
|
||||
transform: translateY(calc(var(--base-size) * -1)) scale(var(--base-scale));
|
||||
|
||||
@ -76,7 +77,7 @@ body {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background: ivory;
|
||||
background: white;
|
||||
margin: 0 auto;
|
||||
transform: rotate(45deg);
|
||||
position: absolute;
|
||||
|
Loading…
Reference in New Issue
Block a user