Prevent timeline flickering on hover
This commit is contained in:
parent
ef8d2e8257
commit
78a9117598
1 changed files with 12 additions and 8 deletions
|
@ -38,8 +38,6 @@ limitations under the License.
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&.mx_EventTile_selected {
|
|
||||||
&::before {
|
&::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -48,10 +46,16 @@ limitations under the License.
|
||||||
left: -60px;
|
left: -60px;
|
||||||
right: -60px;
|
right: -60px;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
background: $eventbubble-bg-hover;
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&.mx_EventTile_selected {
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
background: $eventbubble-bg-hover;
|
||||||
|
}
|
||||||
|
|
||||||
.mx_EventTile_avatar {
|
.mx_EventTile_avatar {
|
||||||
img {
|
img {
|
||||||
box-shadow: 0 0 0 3px $eventbubble-bg-hover;
|
box-shadow: 0 0 0 3px $eventbubble-bg-hover;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue