wlxsp
/
test1
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Adds focus and workspaces svgs

main
Keith Daulton 1 year ago
parent
87930a0420
commit
a5602bcd1d
6 changed files with 536 additions and 73 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -1
      package.json
  2. +74
    -72
      src/webviews/apps/welcome/components/svg-focus.ts
  3. +187
    -0
      src/webviews/apps/welcome/components/svg-workspaces.ts
  4. +2
    -0
      src/webviews/apps/welcome/welcome.html
  5. +1
    -0
      src/webviews/apps/welcome/welcome.ts
  6. +270
    -0
      walkthroughs/welcome/workspaces-focus.svg

+ 2
- 1
package.json View File

@ -14399,7 +14399,8 @@
"title": "Workspaces and Focus ☁️", "title": "Workspaces and Focus ☁️",
"description": "Workspaces allow you to easily group and manage multiple repositories all in one place, streamlining your workflow.\n\n[Open Workspaces](command:gitlens.showWorkspacesView)\n\nFocus view helps you concentrate on what really matters by gathering all your GitHub pull requests and issues into one comprehensive list.\n\n[Open Focus](command:gitlens.showFocusPage)", "description": "Workspaces allow you to easily group and manage multiple repositories all in one place, streamlining your workflow.\n\n[Open Workspaces](command:gitlens.showWorkspacesView)\n\nFocus view helps you concentrate on what really matters by gathering all your GitHub pull requests and issues into one comprehensive list.\n\n[Open Focus](command:gitlens.showFocusPage)",
"media": { "media": {
"markdown": "walkthroughs/welcome/workspaces-and-focus.md"
"altText": "Illustrations of Focus and Workspaces view",
"svg": "walkthroughs/welcome/workspaces-focus.svg"
} }
}, },
{ {

+ 74
- 72
src/webviews/apps/welcome/components/svg-focus.ts View File

@ -31,78 +31,73 @@ export class BlameSvg extends LitElement {
</text> </text>
</g> </g>
<g class="row"> <g class="row">
<rect x="0" y="52" width="100%" height="30" class="row-box" />
<text x="10" y="70">
<rect x="0" y="52" width="100%" height="34" class="row-box" />
<text x="10" y="75">
<tspan dx="2" dy="2" class="codicon">&#xea64;</tspan> <tspan dx="2" dy="2" class="codicon">&#xea64;</tspan>
<tspan dx="2" class="codicon indicator-error">&#xeb43;</tspan>
<tspan dx="30" dy="-2">1wk</tspan> <tspan dx="30" dy="-2">1wk</tspan>
<tspan dx="30">adds stylelint</tspan> <tspan dx="30">adds stylelint</tspan>
<tspan class="link">#2453</tspan> <tspan class="link">#2453</tspan>
</text> </text>
<text x="100%" y="70" text-anchor="end">
<text x="100%" y="75" text-anchor="end">
<tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan> <tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan>
<tspan dx="40" dy="-2">0</tspan>
<tspan dx="40" class="addition">+1735</tspan>
<tspan dx="40" dy="-2" class="addition">+1735</tspan>
<tspan dx="2" class="deletion">-748</tspan> <tspan dx="2" class="deletion">-748</tspan>
<tspan dx="40" dy="2" class="codicon">&#xeaf7;</tspan>
<tspan dx="10" class="glicon">&#xf118;</tspan>
<tspan dx="40" dy="2" class="glicon">&#xf118;</tspan>
</text> </text>
</g> </g>
<g class="row"> <g class="row">
<rect x="0" y="82" width="100%" height="30" class="row-box" />
<text x="10" y="100">
<rect x="0" y="86" width="100%" height="34" class="row-box" />
<text x="10" y="109">
<tspan dx="2" dy="2" class="codicon">&#xea64;</tspan> <tspan dx="2" dy="2" class="codicon">&#xea64;</tspan>
<tspan dx="2" class="codicon indicator-info">&#xeba4;</tspan>
<tspan dx="30" dy="-2">1wk</tspan> <tspan dx="30" dy="-2">1wk</tspan>
<tspan dx="30">Workspaces side bar view</tspan> <tspan dx="30">Workspaces side bar view</tspan>
<tspan class="link">#2650</tspan> <tspan class="link">#2650</tspan>
</text> </text>
<text x="100%" y="100" text-anchor="end">
<text x="100%" y="109" text-anchor="end">
<tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan> <tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan>
<tspan dx="40" dy="-2">5</tspan>
<tspan dx="40" class="addition">+3,556</tspan>
<tspan dx="40" dy="-2" class="addition">+3,556</tspan>
<tspan dx="2" class="deletion">-136</tspan> <tspan dx="2" class="deletion">-136</tspan>
<tspan dx="35" dy="2" class="codicon">&#xeaf7;</tspan>
<tspan dx="10" class="glicon">&#xf118;</tspan>
<tspan dx="34" dy="2" class="glicon">&#xf118;</tspan>
</text> </text>
</g> </g>
<g class="row"> <g class="row">
<rect x="0" y="112" width="100%" height="30" class="row-box" />
<text x="10" y="130">
<rect x="0" y="120" width="100%" height="34" class="row-box" />
<text x="10" y="143">
<tspan dx="2" dy="2" class="codicon">&#xea64;</tspan> <tspan dx="2" dy="2" class="codicon">&#xea64;</tspan>
<tspan dx="30" dy="-2">3wk</tspan>
<tspan dx="2" class="codicon indicator-error">&#xebe6;</tspan>
<tspan dx="30" dy="-2" class="indicator-warning">3wk</tspan>
<tspan dx="29">Adds experimental.OpenAIModel</tspan> <tspan dx="29">Adds experimental.OpenAIModel</tspan>
<tspan class="link">#2637</tspan> <tspan class="link">#2637</tspan>
</text> </text>
<text x="100%" y="130" text-anchor="end">
<text x="100%" y="143" text-anchor="end">
<tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan> <tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan>
<tspan dx="40" dy="-2">6</tspan>
<tspan dx="40" class="addition">+79</tspan>
<tspan dx="40" dy="-2" class="addition">+79</tspan>
<tspan dx="2" class="deletion">-12</tspan> <tspan dx="2" class="deletion">-12</tspan>
<tspan dx="63.5" dy="2" class="codicon">&#xeaf7;</tspan>
<tspan dx="10" class="glicon">&#xf118;</tspan>
<tspan dx="72" dy="2" class="glicon">&#xf118;</tspan>
</text> </text>
</g> </g>
<g class="row"> <g class="row">
<rect x="0" y="142" width="100%" height="30" class="row-box" />
<text x="10" y="160">
<rect x="0" y="154" width="100%" height="34" class="row-box" />
<text x="10" y="177">
<tspan dx="2" dy="2" class="codicon">&#xea64;</tspan> <tspan dx="2" dy="2" class="codicon">&#xea64;</tspan>
<tspan dx="30" dy="-2">2mo</tspan>
<tspan dx="54" dy="-2" class="indicator-error">2mo</tspan>
<tspan dx="29">adds focus view</tspan> <tspan dx="29">adds focus view</tspan>
<tspan class="link">#2516</tspan> <tspan class="link">#2516</tspan>
</text> </text>
<text x="100%" y="160" text-anchor="end">
<text x="100%" y="177" text-anchor="end">
<tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan> <tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan>
<tspan dx="37" dy="-2">14</tspan>
<tspan dx="36" class="addition">+3,327</tspan>
<tspan dx="39" dy="-2" class="addition">+3,327</tspan>
<tspan dx="2" class="deletion">-28</tspan> <tspan dx="2" class="deletion">-28</tspan>
<tspan dx="43" dy="2" class="codicon">&#xeaf7;</tspan>
<tspan dx="10" class="glicon">&#xf118;</tspan>
<tspan dx="45" dy="2" class="glicon">&#xf118;</tspan>
</text> </text>
</g> </g>
<g> <g>
<text x="10" y="200" class="heading">
<text x="10" y="232" class="heading">
<tspan>My Issues</tspan> <tspan>My Issues</tspan>
</text> </text>
<text x="100%" y="200.5" class="tabs" text-anchor="end">
<text x="100%" y="232.5" class="tabs" text-anchor="end">
<tspan class="tab" dx="-10">All</tspan> <tspan class="tab" dx="-10">All</tspan>
<tspan class="tab" dx="6">Opened by me</tspan> <tspan class="tab" dx="6">Opened by me</tspan>
<tspan class="tab" dx="6">Assigned to me</tspan> <tspan class="tab" dx="6">Assigned to me</tspan>
@ -110,69 +105,76 @@ export class BlameSvg extends LitElement {
</text> </text>
</g> </g>
<g class="row"> <g class="row">
<rect x="0" y="222" width="100%" height="30" class="row-box" />
<text x="10" y="240">
<rect x="0" y="255" width="100%" height="30" class="row-box" />
<text x="10" y="278">
<tspan dx="2" dy="2" class="codicon">&#xeb0c;</tspan> <tspan dx="2" dy="2" class="codicon">&#xeb0c;</tspan>
<tspan dx="30" dy="-2">2mo</tspan>
<tspan dx="54" dy="-2" class="indicator-error">2mo</tspan>
<tspan dx="30">Labs: add AI explain panel to Commit Details</tspan> <tspan dx="30">Labs: add AI explain panel to Commit Details</tspan>
<tspan class="link">#2628</tspan> <tspan class="link">#2628</tspan>
</text> </text>
<text x="100%" y="240" text-anchor="end">
<text x="100%" y="278" text-anchor="end">
<tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan> <tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan>
<tspan dx="40" dy="-2">2</tspan>
<tspan dx="40">0</tspan>
<tspan dx="40" dy="2" class="codicon">&#xeb01;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="252" width="100%" height="30" class="row-box" />
<text x="10" y="270">
<tspan dx="2" dy="2" class="codicon">&#xeb0c;</tspan>
<tspan dx="30" dy="-2">1mo</tspan>
<tspan dx="30">Experiment with putting the Commit Graph in the sidebar or panel</tspan>
<tspan class="link">#2602</tspan>
</text>
<text x="100%" y="270" text-anchor="end">
<tspan dx="-10" dy="2" class="codicon">&#xeb99;</tspan>
<tspan dx="40" dy="-2">2</tspan>
<tspan dx="40">2</tspan>
<tspan dx="40" dy="2" class="codicon">&#xeb01;</tspan>
<tspan dx="10" dy="0.5" class="codicon">&#xeb01;</tspan>
</text> </text>
</g> </g>
<style> <style>
<![CDATA[
text { text {
fill: var(--vscode-foreground); fill: var(--vscode-foreground);
font-size: 18px;
} }
.heading { .heading {
font-weight: 600;
font-size: 16px;
font-weight: 600;
font-size: 20px;
} }
.codicon { .codicon {
font-family: codicon;
cursor: default;
user-select: none;
font-family: codicon;
cursor: default;
user-select: none;
} }
.glicon { .glicon {
font-family: glicons;
cursor: default;
user-select: none;
font-family: glicons;
cursor: default;
user-select: none;
}
.indicator-info {
fill: var(--vscode-problemsInfoIcon-foreground);
}
.indicator-warning {
fill: var(--vscode-problemsWarningIcon-foreground);
}
.indicator-error {
fill: var(--vscode-problemsErrorIcon-foreground);
} }
.tabs { .tabs {
} }
.tab { .tab {
text-decoration: underline;
opacity: 0.8;
text-decoration: underline;
opacity: 0.8;
font-size: 16px;
cursor: pointer;
}
.row-box {
fill: var(--vscode-foreground);
opacity: 0;
}
.row:hover .row-box {
opacity: 0.06;
}
.link {
fill: var(--vscode-textLink-foreground);
cursor: pointer;
}
.link:hover {
text-decoration: underline;
}
.addition {
fill: var(--vscode-gitDecoration-addedResourceForeground);
}
.deletion {
fill: var(--vscode-gitDecoration-deletedResourceForeground);
} }
.row-box { fill: var(--vscode-foreground); opacity: 0; }
.row:hover .row-box { opacity: 0.06; }
.link { fill: var(--vscode-textLink-foreground); }
.link:hover { text-decoration: underline; }
.addition { fill: var(--vscode-gitDecoration-addedResourceForeground); }
.deletion { fill: var(--vscode-gitDecoration-deletedResourceForeground); }
]]>
</style> </style>
</svg> </svg>
`; `;

+ 187
- 0
src/webviews/apps/welcome/components/svg-workspaces.ts View File

@ -0,0 +1,187 @@
import { css, html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
import { icons, svgBase } from './svg.css';
@customElement('gk-workspaces-svg')
export class BlameSvg extends LitElement {
static override styles = [
svgBase,
icons,
css`
:host {
}
`,
];
override render() {
return html`
<!-- Don't reformat or let prettier reformat the SVG otherwise whitespace will get added incorrect and screw up the positioning -->
<!-- a-prettier-ignore -->
<svg width="850" height="290" viewBox="0 0 850 290" fill="none" xmlns="http://www.w3.org/2000/svg">
<g>
<rect x="0" y="0" width="100%" height="44" class="header-box" />
<text x="10" y="28" class="header">
<tspan dy="4" class="codicon">&#xeab4;</tspan>
<tspan dx="6" dy="-4">GITKRAKEN WORKSPACES</tspan>
</text>
</g>
<!-- <g class="row">
<rect x="0" y="45" width="100%" height="44" class="row-box" />
<text x="30" y="71">
<tspan dx="2" dy="4" class="codicon">&#xeab6;</tspan>
<tspan dx="24" dy="-4">Current Window</tspan>
<tspan dx="4" class="desc">vscode-gitlens</tspan>
</text>
<text x="100%" y="71" text-anchor="end" class="row-actions">
<tspan dx="-10" dy="4" class="codicon">&#xeac3;</tspan>
</text>
</g> -->
<g class="row">
<rect x="0" y="45" width="100%" height="44" class="row-box-selected" />
<text x="30" y="71">
<tspan dx="2" dy="4" class="codicon">&#xeab4;</tspan>
<tspan dx="24" class="codicon">&#xebaa;</tspan>
<tspan dx="10" dy="-4">Frontend applications</tspan>
</text>
<text x="100%" y="71" text-anchor="end">
<tspan dx="-10" dy="4" class="codicon">&#xea60;</tspan>
<tspan dx="12" class="codicon">&#xeb1a;</tspan>
<tspan dx="12" class="codicon">&#xeae4;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="90" width="100%" height="44" class="row-box" />
<text x="50" y="116">
<tspan dx="2" dy="4" class="codicon">&#xeab6;</tspan>
<tspan dx="24" class="codicon">&#xea83;</tspan>
<tspan dx="10" dy="-4">vscode-gitlens</tspan>
<tspan dx="4" class="small">0</tspan>
<tspan dx="-8" dy="6" class="codicon">&#xea9d;</tspan>
<tspan dx="-4" dy="-6" class="small">1</tspan>
<tspan dx="-8" dy="6" class="codicon">&#xeaa0;</tspan>
<tspan dx="-3" dy="-6" class="desc">•</tspan>
<tspan dx="1" dy="0" class="desc">main</tspan>
<tspan dx="1" dy="0" class="desc">•</tspan>
<tspan dx="1" dy="0" class="desc">Last fetched 6/9/23</tspan>
</text>
<text x="100%" y="116" text-anchor="end" class="row-actions">
<tspan dx="-10" dy="4" class="codicon">&#xeaa1;</tspan>
<tspan dx="12" class="codicon">&#xea9a;</tspan>
<tspan dx="12" class="codicon">&#xeb37;</tspan>
<tspan dx="12" class="codicon">&#xeae4;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="135" width="100%" height="44" class="row-box" />
<text x="50" y="162">
<tspan dx="2" dy="4" class="codicon">&#xeab6;</tspan>
<tspan dx="24" class="codicon">&#xea83;</tspan>
<tspan dx="10" dy="-4">GitKraken</tspan>
<tspan dx="4" class="small">1</tspan>
<tspan dx="-8" dy="6" class="codicon">&#xea9d;</tspan>
<tspan dx="-4" dy="-6" class="small">0</tspan>
<tspan dx="-8" dy="6" class="codicon">&#xeaa0;</tspan>
<tspan dx="-3" dy="-6" class="desc">•</tspan>
<tspan dx="1" dy="0" class="desc">development</tspan>
<tspan dx="1" dy="0" class="desc">•</tspan>
<tspan dx="1" dy="0" class="desc">Last fetched 6/7/23</tspan>
</text>
<text x="100%" y="162" text-anchor="end" class="row-actions">
<tspan dx="-10" dy="4" class="codicon">&#xeaa1;</tspan>
<tspan dx="12" class="codicon">&#xea9a;</tspan>
<tspan dx="12" class="codicon">&#xeb37;</tspan>
<tspan dx="12" class="codicon">&#xeae4;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="179" width="100%" height="44" class="row-box" />
<text x="30" y="209">
<tspan dx="2" dy="4" class="codicon">&#xeab6;</tspan>
<tspan dx="24" class="codicon">&#xebaa;</tspan>
<tspan dx="10" dy="-4">Backend services</tspan>
</text>
<text x="100%" y="209" text-anchor="end" class="row-actions">
<tspan dx="-10" dy="4" class="codicon">&#xea60;</tspan>
<tspan dx="12" class="codicon">&#xeb1a;</tspan>
<tspan dx="12" class="codicon">&#xeae4;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="223" width="100%" height="44" class="row-box" />
<text x="30" y="253">
<tspan dx="2" dy="4" class="codicon">&#xeab6;</tspan>
<tspan dx="24" class="codicon">&#xebaa;</tspan>
<tspan dx="10" dy="-4">Open source projects</tspan>
</text>
<text x="100%" y="253" text-anchor="end" class="row-actions">
<tspan dx="-10" dy="4" class="codicon">&#xea60;</tspan>
<tspan dx="12" class="codicon">&#xeb1a;</tspan>
<tspan dx="12" class="codicon">&#xeae4;</tspan>
</text>
</g>
<style>
text {
fill: var(--vscode-foreground);
font-size: 18px;
}
.header {
font-weight: 700;
}
.codicon {
font-family: codicon;
cursor: default;
user-select: none;
font-size: 20px;
}
.glicon {
font-family: glicons;
cursor: default;
user-select: none;
}
.desc {
font-size: 0.9em;
opacity: 0.6;
}
.small {
font-size: 0.9em;
}
.header-box {
fill: var(--vscode-sideBarSectionHeader-background);
}
.row-box {
fill: var(--vscode-list-hoverBackground);
opacity: 0;
}
.row {
cursor: pointer;
}
.row:hover .row-box {
opacity: 1;
}
.row-box-selected {
fill: var(--vscode-list-activeSelectionBackground);
stroke: var(--vscode-list-focusOutline);
stroke-width: 1;
}
.row:not(:hover) .row-actions {
display: none;
}
.link {
fill: var(--vscode-textLink-foreground);
}
.link:hover {
text-decoration: underline;
}
.addition {
fill: var(--vscode-gitDecoration-addedResourceForeground);
}
.deletion {
fill: var(--vscode-gitDecoration-deletedResourceForeground);
}
</style>
</svg>
`;
}
}

+ 2
- 0
src/webviews/apps/welcome/welcome.html View File

@ -242,6 +242,8 @@
GitLens) them with your team for faster onboarding and better collaboration. GitLens) them with your team for faster onboarding and better collaboration.
</p> </p>
<gk-workspaces-svg></gk-workspaces-svg>
<p> <p>
The Focus view helps you concentrate on what really matters by gathering all your GitHub pull The Focus view helps you concentrate on what really matters by gathering all your GitHub pull
requests and issues into one comprehensive list. Helps you focus on what's important by providing requests and issues into one comprehensive list. Helps you focus on what's important by providing

+ 1
- 0
src/webviews/apps/welcome/welcome.ts View File

@ -20,6 +20,7 @@ import './components/svg-focus';
import './components/svg-graph'; import './components/svg-graph';
import './components/svg-revision-navigation'; import './components/svg-revision-navigation';
import './components/svg-timeline'; import './components/svg-timeline';
import './components/svg-workspaces';
import './components/video-button'; import './components/video-button';
export class WelcomeApp extends App<State> { export class WelcomeApp extends App<State> {

+ 270
- 0
walkthroughs/welcome/workspaces-focus.svg View File

@ -0,0 +1,270 @@
<svg width="850" height="600" viewBox="0 0 850 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg x="0" y="0" width="850" height="290" viewBox="0 0 850 290" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg">
<rect x="0" y="0" width="100%" height="290" stroke-width="1" stroke="var(--vscode-editorWidget-border)" fill="var(--vscode-sideBarSectionHeader-background)" />
<g>
<rect x="0" y="0" width="100%" height="44" class="header-box" style="fill: var(--vscode-sideBarSectionHeader-background);" />
<text x="10" y="28" class="header" fill="var(--vscode-foreground)" font-size="18" font-weight="700">
<tspan dy="4" font-family="codicon">&#xeab4;</tspan>
<tspan dx="6" dy="-4">GITKRAKEN WORKSPACES</tspan>
</text>
</g>
<!-- <g class="row">
<rect x="0" y="45" width="100%" height="44" class="row-box" />
<text x="30" y="71">
<tspan dx="2" dy="4" font-family="codicon">&#xeab6;</tspan>
<tspan dx="24" dy="-4">Current Window</tspan>
<tspan dx="4" font-size="0.9em" opacity="0.6">vscode-gitlens</tspan>
</text>
<text x="100%" y="71" text-anchor="end" class="row-actions">
<tspan dx="-10" dy="4" font-family="codicon">&#xeac3;</tspan>
</text>
</g> -->
<g class="row">
<rect x="0" y="45" width="100%" height="44" class="row-box-selected" fill="var(--vscode-list-activeSelectionBackground)" stroke="var(--vscode-list-focusOutline)" stroke-width="1" />
<text x="30" y="71" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="4" font-family="codicon">&#xeab4;</tspan>
<tspan dx="24" font-family="codicon">&#xebaa;</tspan>
<tspan dx="10" dy="-4">Frontend applications</tspan>
</text>
<text x="100%" y="71" text-anchor="end" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="4" font-family="codicon">&#xea60;</tspan>
<tspan dx="12" font-family="codicon">&#xeb1a;</tspan>
<tspan dx="12" font-family="codicon">&#xeae4;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="90" width="100%" height="44" class="row-box" fill="var(--vscode-list-hoverBackground)" />
<text x="50" y="116" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="4" font-family="codicon">&#xeab6;</tspan>
<tspan dx="24" font-family="codicon">&#xea83;</tspan>
<tspan dx="10" dy="-4">vscode-gitlens</tspan>
<tspan dx="4" font-size="0.9em">0</tspan>
<tspan dx="-8" dy="6" font-family="codicon">&#xea9d;</tspan>
<tspan dx="-4" dy="-6" font-size="0.9em">1</tspan>
<tspan dx="-8" dy="6" font-family="codicon">&#xeaa0;</tspan>
<tspan dx="-3" dy="-6" font-size="0.9em" opacity="0.6">•</tspan>
<tspan dx="1" dy="0" font-size="0.9em" opacity="0.6">main</tspan>
<tspan dx="1" dy="0" font-size="0.9em" opacity="0.6">•</tspan>
<tspan dx="1" dy="0" font-size="0.9em" opacity="0.6">Last fetched 6/9/23</tspan>
</text>
<text x="100%" y="116" text-anchor="end" class="row-actions" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="4" font-family="codicon">&#xeaa1;</tspan>
<tspan dx="12" font-family="codicon">&#xea9a;</tspan>
<tspan dx="12" font-family="codicon">&#xeb37;</tspan>
<tspan dx="12" font-family="codicon">&#xeae4;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="135" width="100%" height="44" class="row-box" />
<text x="50" y="162" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="4" font-family="codicon">&#xeab6;</tspan>
<tspan dx="24" font-family="codicon">&#xea83;</tspan>
<tspan dx="10" dy="-4">GitKraken</tspan>
<tspan dx="4" font-size="0.9em">1</tspan>
<tspan dx="-8" dy="6" font-family="codicon">&#xea9d;</tspan>
<tspan dx="-4" dy="-6" font-size="0.9em">0</tspan>
<tspan dx="-8" dy="6" font-family="codicon">&#xeaa0;</tspan>
<tspan dx="-3" dy="-6" font-size="0.9em" opacity="0.6">•</tspan>
<tspan dx="1" dy="0" font-size="0.9em" opacity="0.6">development</tspan>
<tspan dx="1" dy="0" font-size="0.9em" opacity="0.6">•</tspan>
<tspan dx="1" dy="0" font-size="0.9em" opacity="0.6">Last fetched 6/7/23</tspan>
</text>
<text x="100%" y="162" text-anchor="end" class="row-actions" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="4" font-family="codicon">&#xeaa1;</tspan>
<tspan dx="12" font-family="codicon">&#xea9a;</tspan>
<tspan dx="12" font-family="codicon">&#xeb37;</tspan>
<tspan dx="12" font-family="codicon">&#xeae4;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="179" width="100%" height="44" class="row-box" />
<text x="30" y="209" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="4" font-family="codicon">&#xeab6;</tspan>
<tspan dx="24" font-family="codicon">&#xebaa;</tspan>
<tspan dx="10" dy="-4">Backend services</tspan>
</text>
<text x="100%" y="209" text-anchor="end" class="row-actions" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="4" font-family="codicon">&#xea60;</tspan>
<tspan dx="12" font-family="codicon">&#xeb1a;</tspan>
<tspan dx="12" font-family="codicon">&#xeae4;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="223" width="100%" height="44" class="row-box" />
<text x="30" y="253" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="4" font-family="codicon">&#xeab6;</tspan>
<tspan dx="24" font-family="codicon">&#xebaa;</tspan>
<tspan dx="10" dy="-4">Open source projects</tspan>
</text>
<text x="100%" y="253" text-anchor="end" class="row-actions" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="4" font-family="codicon">&#xea60;</tspan>
<tspan dx="12" font-family="codicon">&#xeb1a;</tspan>
<tspan dx="12" font-family="codicon">&#xeae4;</tspan>
</text>
</g>
<style><![CDATA[
text {
fill: var(--vscode-foreground);
font-size: 18px;
}
.header {
font-weight: 700;
}
.codicon {
font-family: codicon;
cursor: default;
user-select: none;
font-size: 20px;
}
.glicon {
font-family: glicons;
cursor: default;
user-select: none;
}
.desc {
font-size: 0.9em;
opacity: 0.6;
}
.small {
font-size: 0.9em;
}
.header-box {
fill: var(--vscode-sideBarSectionHeader-background);
}
.row-box {
fill: var(--vscode-list-hoverBackground);
opacity: 0;
}
.row {
cursor: pointer;
}
.row:hover .row-box {
opacity: 1;
}
.row-box-selected {
fill: var(--vscode-list-activeSelectionBackground);
stroke: var(--vscode-list-focusOutline);
stroke-width: 1;
}
.row:not(:hover) .row-actions {
display: none;
}
.link {
fill: var(--vscode-textLink-foreground);
}
.link:hover {
text-decoration: underline;
}
.addition {
fill: var(--vscode-gitDecoration-addedResourceForeground);
}
.deletion {
fill: var(--vscode-gitDecoration-deletedResourceForeground);
}
]]></style>
</svg>
<svg x="0" y="310" width="850" height="290" viewBox="0 0 850 290" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100%" height="290" stroke-width="1" stroke="var(--vscode-editorWidget-border)" fill="var(--vscode-sideBarSectionHeader-background)" />
<g>
<text x="10" y="30" class="heading" font-weight="600" font-size="20" fill="var(--vscode-foreground)">
<tspan>My Pull Requests</tspan>
</text>
<text x="100%" y="30.5" class="tabs" text-anchor="end" fill="var(--vscode-foreground)" font-size="16" opacity="0.8">
<tspan text-decoration="underline" dx="-10">All</tspan>
<tspan text-decoration="underline" dx="6">Opened by me</tspan>
<tspan text-decoration="underline" dx="6">Assigned to me</tspan>
<tspan text-decoration="underline" dx="6">Needs my review</tspan>
<tspan text-decoration="underline" dx="6">Mentions me</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="52" width="100%" height="34" class="row-box" />
<text x="10" y="75" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="2" font-family="codicon">&#xea64;</tspan>
<tspan dx="2" font-family="codicon" fill="var(--vscode-problemsErrorIcon-foreground)">&#xeb43;</tspan>
<tspan dx="30" dy="-2">1wk</tspan>
<tspan dx="30">adds stylelint</tspan>
<tspan text-decoration="underline" fill=" var(--vscode-textLink-foreground)">#2453</tspan>
</text>
<text x="100%" y="75" text-anchor="end" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="2" font-family="codicon">&#xeb99;</tspan>
<tspan dx="40" dy="-2" fill="var(--vscode-gitDecoration-addedResourceForeground)">+1735</tspan>
<tspan dx="2" fill="var(--vscode-gitDecoration-deletedResourceForeground)">-748</tspan>
<tspan dx="40" dy="2" font-family="glicons">&#xf118;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="86" width="100%" height="34" class="row-box" />
<text x="10" y="109" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="2" font-family="codicon">&#xea64;</tspan>
<tspan dx="2" font-family="codicon" fill="var(--vscode-problemsInfoIcon-foreground)">&#xeba4;</tspan>
<tspan dx="30" dy="-2">1wk</tspan>
<tspan dx="30">Workspaces side bar view</tspan>
<tspan text-decoration="underline" fill=" var(--vscode-textLink-foreground)">#2650</tspan>
</text>
<text x="100%" y="109" text-anchor="end" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="2" font-family="codicon">&#xeb99;</tspan>
<tspan dx="40" dy="-2" fill="var(--vscode-gitDecoration-addedResourceForeground)">+3,556</tspan>
<tspan dx="2" fill="var(--vscode-gitDecoration-deletedResourceForeground)">-136</tspan>
<tspan dx="34" dy="2" font-family="glicons">&#xf118;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="120" width="100%" height="34" class="row-box" />
<text x="10" y="143" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="2" font-family="codicon">&#xea64;</tspan>
<tspan dx="2" font-family="codicon" fill="var(--vscode-problemsErrorIcon-foreground)">&#xebe6;</tspan>
<tspan dx="30" dy="-2" fill="var(--vscode-problemsWarningIcon-foreground)">3wk</tspan>
<tspan dx="29">Adds experimental.OpenAIModel</tspan>
<tspan text-decoration="underline" fill=" var(--vscode-textLink-foreground)">#2637</tspan>
</text>
<text x="100%" y="143" text-anchor="end" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="2" font-family="codicon">&#xeb99;</tspan>
<tspan dx="40" dy="-2" fill="var(--vscode-gitDecoration-addedResourceForeground)">+79</tspan>
<tspan dx="2" fill="var(--vscode-gitDecoration-deletedResourceForeground)">-12</tspan>
<tspan dx="72" dy="2" font-family="glicons">&#xf118;</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="154" width="100%" height="34" class="row-box" />
<text x="10" y="177" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="2" font-family="codicon">&#xea64;</tspan>
<tspan dx="54" dy="-2" fill="var(--vscode-problemsErrorIcon-foreground)">2mo</tspan>
<tspan dx="29">adds focus view</tspan>
<tspan text-decoration="underline" fill=" var(--vscode-textLink-foreground)">#2516</tspan>
</text>
<text x="100%" y="177" text-anchor="end" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="2" font-family="codicon">&#xeb99;</tspan>
<tspan dx="39" dy="-2" fill="var(--vscode-gitDecoration-addedResourceForeground)">+3,327</tspan>
<tspan dx="2" fill="var(--vscode-gitDecoration-deletedResourceForeground)">-28</tspan>
<tspan dx="45" dy="2" font-family="glicons">&#xf118;</tspan>
</text>
</g>
<g>
<text x="10" y="232" class="heading" fill="var(--vscode-foreground)" font-weight="600" font-size="20">
<tspan>My Issues</tspan>
</text>
<text x="100%" y="232.5" class="tabs" text-anchor="end" fill="var(--vscode-foreground)" font-size="16" opacity="0.8">
<tspan text-decoration="underline" dx="-10">All</tspan>
<tspan text-decoration="underline" dx="6">Opened by me</tspan>
<tspan text-decoration="underline" dx="6">Assigned to me</tspan>
<tspan text-decoration="underline" dx="6">Mentions me</tspan>
</text>
</g>
<g class="row">
<rect x="0" y="255" width="100%" height="30" class="row-box" />
<text x="10" y="278" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="2" dy="2" font-family="codicon">&#xeb0c;</tspan>
<tspan dx="54" dy="-2" fill="var(--vscode-problemsErrorIcon-foreground)">2mo</tspan>
<tspan dx="30">Labs: add AI explain panel to Commit Details</tspan>
<tspan text-decoration="underline" fill=" var(--vscode-textLink-foreground)">#2628</tspan>
</text>
<text x="100%" y="278" text-anchor="end" fill="var(--vscode-foreground)" font-size="18">
<tspan dx="-10" dy="2" font-family="codicon">&#xeb99;</tspan>
<tspan dx="10" dy="0.5" font-family="codicon">&#xeb01;</tspan>
</text>
</g>
</svg>
</svg>

Write Preview
Loading…
Cancel
Save