Browse Source

Fixes overflow scrollbar

Switches preview badge / feedback order
main
Eric Amodio 2 years ago
parent
commit
782b1f9d51
2 changed files with 10 additions and 4 deletions
  1. +3
    -3
      src/webviews/apps/plus/graph/GraphWrapper.tsx
  2. +7
    -1
      src/webviews/apps/plus/graph/graph.scss

+ 3
- 3
src/webviews/apps/plus/graph/GraphWrapper.tsx View File

@ -323,20 +323,20 @@ export function GraphWrapper({
</div> </div>
{graphList.length > 0 && ( {graphList.length > 0 && (
<span className="actionbar__details"> <span className="actionbar__details">
{graphList.length} item{graphList.length ? 's' : ''}
showing {graphList.length} item{graphList.length ? 's' : ''}
</span> </span>
)} )}
{isLoading && <span className="actionbar__loading icon--loading icon-modifier--spin" />} {isLoading && <span className="actionbar__loading icon--loading icon-modifier--spin" />}
</div> </div>
<div className="actionbar__group"> <div className="actionbar__group">
<span className="badge">Preview</span>
<a <a
href="https://github.com/gitkraken/vscode-gitlens/discussions/2158" href="https://github.com/gitkraken/vscode-gitlens/discussions/2158"
title="Commit Graph Feedback" title="Commit Graph Feedback"
aria-label="Commit Graph Feedback" aria-label="Commit Graph Feedback"
> >
<span className="codicon codicon-feedback"></span> <span className="codicon codicon-feedback"></span>
</a>{' '}
<span className="badge">Preview</span>
</a>
</div> </div>
</footer> </footer>
</> </>

+ 7
- 1
src/webviews/apps/plus/graph/graph.scss View File

@ -40,7 +40,8 @@ a {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
gap: 0.5rem;
gap: 0.75rem;
overflow: hidden;
> * { > * {
margin: 0; margin: 0;
@ -58,6 +59,11 @@ a {
a { a {
color: inherit; color: inherit;
.codicon.codicon-feedback {
position: relative;
top: -2px;
}
} }
:focus { :focus {

Loading…
Cancel
Save