Hide the verification left stroke only on the thread list (#8525)

* Hide the verification left stroke only in the thread panel (ie. let it shown in a chat panel with a maximized widget)

Respect the original comment that the stroke should be hidden in the thread list (and in a thread as well).

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Display the left stroke inside a thread

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

res/css/views/right_panel/_ThreadPanel.scss

@@ -199,10 +199,6 @@ limitations under the License.
         .mx_EventTile_e2eIcon {
             left: 8px;
         }
-
-        &:hover .mx_EventTile_line {
-            box-shadow: unset !important; // don't show the verification left stroke in the thread list
-        }
     }
 
     .mx_MessageComposer {

res/css/views/rooms/_EventTile.scss

@@ -737,11 +737,15 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
     align-items: center;
 
     &:hover,
-    // To cancel "&.mx_EventTile:hover .mx_EventTile_line"
+    // Override .mx_EventTile:not([data-layout=bubble]).mx_EventTile:hover .mx_EventTile_line
     &:not([data-layout=bubble]):hover .mx_EventTile_line {
         background-color: $system;
     }
 
+    &:not([data-layout=bubble]):hover .mx_EventTile_line {
+        box-shadow: none; // don't show the verification left stroke in the thread list
+    }
+
     &::after {
         content: "";
         position: absolute;