Skip to content

Commit 2c22b72

Browse files
committed
fix(index): prevent shifting on dashboard group hover
Add a transparent border to the default state of dashboard and dashboard group elements to fix shifting on hover
1 parent cde3eff commit 2c22b72

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

web/src/testgrid-index.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -207,26 +207,26 @@ export class TestgridIndex extends LitElement {
207207
.dashboard {
208208
background-color: #9e60eb;
209209
color: #fff;
210+
border: 2px solid transparent;
210211
}
211212
212213
.dashboard-group {
213214
background-color: #707df1;
214215
color: #fff;
216+
border: 2px solid transparent;
215217
}
216218
217219
.dashboard-group:focus,
218220
.dashboard-group:hover {
219221
background-color: #fff;
220222
color: #707df1;
221-
border-style: solid;
222223
border-color: #707df1;
223224
}
224225
225226
.dashboard:hover,
226227
.dashboard:focus {
227228
background-color: #fff;
228229
color: #9e60eb;
229-
border-style: solid;
230230
border-color: #9e60eb;
231231
}
232232

0 commit comments

Comments
 (0)