File tree Expand file tree Collapse file tree 3 files changed +20
-1
lines changed Expand file tree Collapse file tree 3 files changed +20
-1
lines changed Original file line number Diff line number Diff line change @@ -310,11 +310,18 @@ export const walkthroughProgressStyles = css`
310
310
display : flex;
311
311
flex-direction : column;
312
312
gap : 2px ;
313
- padding-block : 4px ;
313
+ padding : 4px 8px 6px ;
314
+ margin-inline : -8px ;
314
315
margin-bottom : 16px ;
315
316
align-items : stretch;
316
317
cursor : pointer;
318
+ border-radius : 4px ;
317
319
}
320
+ .walkthrough-progress : focus-within ,
321
+ .walkthrough-progress : hover {
322
+ background-color : var (--gl-walkthrough-hover-background );
323
+ }
324
+
318
325
.walkthrough-progress__title {
319
326
display : flex;
320
327
justify-content : space-between;
Original file line number Diff line number Diff line change 5
5
6
6
@include utils .dark-theme {
7
7
--popover-bg : var (--color-background--lighten-15 );
8
+ --gl-walkthrough-hover-background : color-mix (in lab , var (--vscode-sideBar-background ) 100% , #fff 4% );
8
9
--gl-card-background : color-mix (in lab , var (--vscode-sideBar-background ) 100% , #fff 6% );
10
+ --gl-card-hover-background : color-mix (in lab , var (--vscode-sideBar-background ) 100% , #fff 8% );
9
11
}
10
12
11
13
@include utils .light-theme {
12
14
--popover-bg : var (--color-background--darken-15 );
15
+ --gl-walkthrough-hover-background : color-mix (in lab , var (--vscode-sideBar-background ) 100% , #000 2% );
13
16
--gl-card-background : color-mix (in lab , var (--vscode-sideBar-background ) 100% , #000 4% );
17
+ --gl-card-hover-background : color-mix (in lab , var (--vscode-sideBar-background ) 100% , #000 6% );
14
18
}
15
19
16
20
* {
Original file line number Diff line number Diff line change @@ -17,6 +17,14 @@ export const cardStyles = css`
17
17
border-inline-start-color : var (--gl-card-active-border , var (--vscode-gitDecoration-addedResourceForeground ));
18
18
}
19
19
20
+ .card : focus-within ,
21
+ .card : hover {
22
+ background-color : var (
23
+ --gl-card-hover-background ,
24
+ color-mix (in lab, var (--vscode-sideBar-background ) 100% , # fff 8% )
25
+ );
26
+ }
27
+
20
28
.card__actions {
21
29
position : absolute;
22
30
top : 0.4rem ;
You can’t perform that action at this time.
0 commit comments