Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

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

Merged
merged 3 commits into from
May 11, 2022
Merged

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

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
577239f
Hide the verification left stroke only in the thread panel (ie. let i…
luixxiul May 7, 2022
5973d82
Display the left stroke inside a thread
luixxiul May 10, 2022
5825b18
Merge branch 'develop' into EventTile_ThreadsList
luixxiul May 10, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 0 additions & 4 deletions res/css/views/right_panel/_ThreadPanel.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -199,10 +199,6 @@ limitations under the License.
.mx_EventTile_e2eIcon {
left: 8px;
}

&:hover .mx_EventTile_line {
box-shadow: inherit; // let the verification left stroke shown in the chat panel with a maximized widget
}
}

.mx_MessageComposer {
Expand Down
20 changes: 5 additions & 15 deletions res/css/views/rooms/_EventTile.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -723,20 +723,14 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
flex-flow: wrap;
align-items: center;

&:hover {
&:hover,
// Override .mx_EventTile:not([data-layout=bubble]).mx_EventTile:hover .mx_EventTile_line
&:not([data-layout=bubble]):hover .mx_EventTile_line {
background-color: $system;
}

// To cancel "&.mx_EventTile:hover .mx_EventTile_line"
&:not([data-layout=bubble]):hover {
.mx_EventTile_line {
background-color: $system;
}

// Override .mx_EventTile:not([data-layout=bubble]):hover.mx_EventTile_verified .mx_EventTile_line
&.mx_EventTile_verified .mx_EventTile_line {
box-shadow: none; // don't show the verification left stroke in the thread list (data-shape=ThreadsList)
}
&:not([data-layout=bubble]):hover .mx_EventTile_line {
t3chguy marked this conversation as resolved.
Show resolved Hide resolved
box-shadow: none; // don't show the verification left stroke in the thread list
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This line removes the left stroke in the thread list:

video.mp4

}

&::after {
Expand Down Expand Up @@ -860,10 +854,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss

&:not([data-layout=bubble]) {
padding-top: $spacing-16;

&:hover .mx_EventTile_line {
box-shadow: none; // don't show the verification left stroke in a thread (mx_ThreadView)
}
}
}

Expand Down