Skip to content

Commit 953c158

Browse files
committed
chore: better sidebar scrollbar ux on hover
1 parent eb42d19 commit 953c158

1 file changed

Lines changed: 8 additions & 20 deletions

File tree

src/styles/brackets_scrollbars.less

Lines changed: 8 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -19,15 +19,14 @@
1919
*
2020
*/
2121

22-
/* Temporary fix for issue#10150 for weird project tree scrollbar behaviour on mac. Scrollbar not appearing on hover. Forcing the project tree div to render displays the scrollbar. So setting transparent background color of div on hover.
23-
*/
24-
25-
.platform-mac
26-
{
27-
.open-files-container:hover,
28-
#project-files-container:hover {
29-
background-color: rgba(128, 128, 128, 0);
30-
}
22+
/* Fix for issue#10150 for weird project tree scrollbar behaviour. Scrollbar not appearing on hover.
23+
Forcing the div to render displays the scrollbar. So setting transparent background color on hover. */
24+
25+
.open-files-container:hover,
26+
#project-files-container:hover,
27+
.ai-chat-messages:hover,
28+
.ai-session-history-dropdown:hover {
29+
background-color: rgba(128, 128, 128, 0);
3130
}
3231

3332
/* Temporary implementation of unobtrusive scrollbars.
@@ -85,17 +84,6 @@
8584
}
8685
}
8786

88-
/* Show scrollbar on all sidebar children when hovering anywhere on the sidebar */
89-
.quiet-scrollbars#sidebar:hover {
90-
.open-files-container::-webkit-scrollbar-thumb,
91-
#project-files-container::-webkit-scrollbar-thumb,
92-
.ai-chat-messages::-webkit-scrollbar-thumb,
93-
.ai-session-history-dropdown::-webkit-scrollbar-thumb {
94-
border-radius: 999px;
95-
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6) inset;
96-
border: 2px solid transparent;
97-
}
98-
}
9987

10088
.platform-linux, .platform-mac {
10189
// Note: when changing padding/margins, may need to adjust metrics in ScrollTrackMarkers.js

0 commit comments

Comments
 (0)