Skip to content

Commit c1fa325

Browse files
authored
Add hover feedback to walkthrough steps (microsoft#166658)
1 parent 8c44526 commit c1fa325

File tree

1 file changed

+8
-4
lines changed

1 file changed

+8
-4
lines changed

src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -397,9 +397,9 @@
397397
.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step {
398398
display: flex;
399399
width: 100%;
400-
margin: 4px 0;
400+
margin: 8px 0;
401401
overflow: hidden;
402-
border-radius: 3px;
402+
border-radius: 6px;
403403
}
404404

405405
.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .button-container:not(:last-of-type) {
@@ -416,9 +416,13 @@
416416
}
417417

418418
.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded) {
419-
height: 54px;
419+
height: 48px;
420420
background: none;
421-
opacity: 0.8;
421+
color: var(--vscode-descriptionForeground);
422+
}
423+
424+
.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded):hover {
425+
background: var(--vscode-welcomePage-tileHoverBackground);
422426
}
423427

424428
.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded) .step-title {

0 commit comments

Comments
 (0)