fixes flicker on hover
parent
5b6322aee2
commit
0585c64c9a
|
|
@ -10,6 +10,7 @@
|
||||||
padding: 2px 0 0 2px;
|
padding: 2px 0 0 2px;
|
||||||
margin: 4px 0 0 4px;
|
margin: 4px 0 0 4px;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
scale: 0.98;
|
||||||
background: assets.$tab-pane-background;
|
background: assets.$tab-pane-background;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
|
|
@ -41,7 +42,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
transition: box-shadow 0.2s, border 0.2s, margin 0.2s, padding 0.2s;
|
transition: box-shadow 0.2s, border 0.2s, margin 0.2s, padding 0.2s, scale 0.2s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
.name {
|
.name {
|
||||||
|
|
@ -50,8 +51,7 @@
|
||||||
|
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
|
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
|
||||||
margin: -4px 4px 4px -4px;
|
scale: 1;
|
||||||
padding: 0 4px 4px 0;
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue