From ce3de2bb079fd94d70e87ba664d849de4191c7dc Mon Sep 17 00:00:00 2001 From: Jason <84899178+jasonhenriquez@users.noreply.github.com> Date: Mon, 28 Aug 2023 22:14:35 +0000 Subject: [PATCH] Make certain controls non-selectable / non-draggable - Part II (#3957) * This is due to my previous change which included the use of a poorly researched 'user-select: all' to unset a 'user-select'. The problem is that all does something else altogether: 'The content of the element shall be selected atomically: If a selection would contain part of the element, then the selection must contain the entire element including all its descendants. If a double-click or context-click occurred in sub-elements, the highest ancestor with this value will be selected.' Source: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select * Add user-select:none to one more area * Remove extraneous additional dash Co-authored-by: LQ2' --------- Co-authored-by: LQ2' --- src/renderer/App.css | 4 ++-- src/renderer/scss-partials/_ft-list-item.scss | 4 ++++ 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/renderer/App.css b/src/renderer/App.css index 76363e211..e6bceeb96 100644 --- a/src/renderer/App.css +++ b/src/renderer/App.css @@ -26,8 +26,8 @@ .flexBox { display: block; - user-select: all; - -webkit-user-select: all; + user-select: unset; + -webkit-user-select: unset; } #changeLogText { diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss index 401de2169..3774ae5d4 100644 --- a/src/renderer/scss-partials/_ft-list-item.scss +++ b/src/renderer/scss-partials/_ft-list-item.scss @@ -85,6 +85,8 @@ $watched-transition-duration: 0.5s; .inner { grid-column: 1; grid-row: 1; + user-select: none; + -webkit-user-select: none; } .thumbnailLink { @@ -331,6 +333,8 @@ $watched-transition-duration: 0.5s; .live, .upcoming { text-transform: uppercase; + user-select: none; + -webkit-user-select: none; } // we use h3 for semantic reasons but don't want to keep the h3 style