From cd2378f7bc8f32672b59eb96a9f52aa6f76c5504 Mon Sep 17 00:00:00 2001 From: nick-delirium Date: Wed, 15 Mar 2023 11:29:17 +0100 Subject: [PATCH] change(ui): change selection display --- .../app/player/web/managers/DOM/SelectionManager.ts | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/frontend/app/player/web/managers/DOM/SelectionManager.ts b/frontend/app/player/web/managers/DOM/SelectionManager.ts index 9cf1fd21f..c457ec3b8 100644 --- a/frontend/app/player/web/managers/DOM/SelectionManager.ts +++ b/frontend/app/player/web/managers/DOM/SelectionManager.ts @@ -48,19 +48,21 @@ export default class SelectionManager extends ListWalker { Object.assign(endPointer.style, { top: endCoords.top + 'px', - left: (endCoords.left + endCoords.width + 3) + 'px', - width: '3px', + left: (endCoords.left + (endCoords.width / 2) + 3) + 'px', + width: (endCoords.width / 2) + 'px', height: endCoords.height + 'px', - border: '3px solid red', + borderRight: '2px solid blue', position: 'absolute', + boxShadow: '1px 4px 1px -2px blue', }); Object.assign(startPointer.style, { top: startCoords.top + 'px', left: (startCoords.left - 3) + 'px', - width: '3px', + width: (startCoords.width / 2 ) + 'px', height: startCoords.height + 'px', - border: '3px solid red', + borderLeft: '2px solid blue', position: 'absolute', + boxShadow: '1px 4px 1px -2px blue', }); this.markers.push(startPointer, endPointer);