Browse Source

Hides graph & details scrollbars like vscode views

main
Eric Amodio 2 years ago
parent
commit
2080741c06
2 changed files with 64 additions and 4 deletions
  1. +37
    -0
      src/webviews/apps/commitDetails/commitDetails.scss
  2. +27
    -4
      src/webviews/apps/plus/graph/graph.scss

+ 37
- 0
src/webviews/apps/commitDetails/commitDetails.scss View File

@ -48,6 +48,43 @@ ul {
background-color: transparent !important;
}
::-webkit-scrollbar-thumb {
background-color: transparent;
border-color: inherit;
border-right-style: inset;
border-right-width: calc(100vw + 100vh);
border-radius: unset !important;
&:hover {
border-color: var(--vscode-scrollbarSlider-hoverBackground);
}
&:active {
border-color: var(--vscode-scrollbarSlider-activeBackground);
}
}
.commit-detail-panel {
border-color: transparent;
transition: border-color 1s linear;
.commit-details__message-text {
border-color: transparent;
transition: border-color 1s linear;
}
&:hover,
&:focus-within {
transition: border-color 0.1s linear;
border-color: var(--vscode-scrollbarSlider-background);
.commit-details__message-text {
transition: border-color 0.1s linear;
border-color: var(--vscode-scrollbarSlider-background);
}
}
}
.button {
--button-foreground: var(--vscode-button-foreground);
--button-background: var(--vscode-button-background);

+ 27
- 4
src/webviews/apps/plus/graph/graph.scss View File

@ -561,17 +561,40 @@ a {
}
}
::-webkit-scrollbar-corner {
background-color: transparent !important;
}
::-webkit-scrollbar-thumb {
background-color: var(--vscode-scrollbarSlider-background);
border: unset !important;
background-color: transparent;
border-color: inherit;
border-right-style: inset;
border-right-width: calc(100vw + 100vh);
border-radius: unset !important;
&:hover {
background-color: var(--vscode-scrollbarSlider-hoverBackground);
border-color: var(--vscode-scrollbarSlider-hoverBackground);
}
&:active {
background-color: var(--vscode-scrollbarSlider-activeBackground);
border-color: var(--vscode-scrollbarSlider-activeBackground);
}
}
.graph-app__main {
.vertical_scrollbar,
.horizontal_scrollbar {
border-color: transparent;
transition: border-color 1s linear;
}
&:hover,
&:focus-within {
.vertical_scrollbar,
.horizontal_scrollbar {
transition: border-color 0.1s linear;
border-color: var(--vscode-scrollbarSlider-background);
}
}
}

Loading…
Cancel
Save