wlxsp
/
test1
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Bläddra i källkod

Adds focus and workspaces svgs

main
Keith Daulton 1 år sedan
förälder
87930a0420
incheckning
a5602bcd1d
6 ändrade filer med 536 tillägg och 73 borttagningar
Delad Vy
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 Visa fil

@ -14399,7 +14399,8 @@
"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)",
"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 Visa fil

@ -31,78 +31,73 @@ export class BlameSvg extends LitElement {
</text>
</g>
<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" class="codicon indicator-error">&#xeb43;</tspan>
<tspan dx="30" dy="-2">1wk</tspan>
<tspan dx="30">adds stylelint</tspan>
<tspan class="link">#2453</tspan>
</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="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="40" dy="2" class="codicon">&#xeaf7;</tspan>
<tspan dx="10" class="glicon">&#xf118;</tspan>
<tspan dx="40" dy="2" class="glicon">&#xf118;</tspan>
</text>
</g>
<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" class="codicon indicator-info">&#xeba4;</tspan>
<tspan dx="30" dy="-2">1wk</tspan>
<tspan dx="30">Workspaces side bar view</tspan>
<tspan class="link">#2650</tspan>
</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="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="35" dy="2" class="codicon">&#xeaf7;</tspan>
<tspan dx="10" class="glicon">&#xf118;</tspan>
<tspan dx="34" dy="2" class="glicon">&#xf118;</tspan>
</text>
</g>
<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="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 class="link">#2637</tspan>
</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="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="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>
</g>
<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="30" dy="-2">2mo</tspan>
<tspan dx="54" dy="-2" class="indicator-error">2mo</tspan>
<tspan dx="29">adds focus view</tspan>
<tspan class="link">#2516</tspan>
</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="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="43" dy="2" class="codicon">&#xeaf7;</tspan>
<tspan dx="10" class="glicon">&#xf118;</tspan>
<tspan dx="45" dy="2" class="glicon">&#xf118;</tspan>
</text>
</g>
<g>
<text x="10" y="200" class="heading">
<text x="10" y="232" class="heading">
<tspan>My Issues</tspan>
</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="6">Opened by me</tspan>
<tspan class="tab" dx="6">Assigned to me</tspan>
@ -110,69 +105,76 @@ export class BlameSvg extends LitElement {
</text>
</g>
<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="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 class="link">#2628</tspan>
</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="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>
</g>
<style>
<![CDATA[
text {
fill: var(--vscode-foreground);
font-size: 18px;
}
.heading {
font-weight: 600;
font-size: 16px;
font-weight: 600;
font-size: 20px;
}
.codicon {
font-family: codicon;
cursor: default;
user-select: none;
font-family: codicon;
cursor: default;
user-select: none;
}
.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 {
}
.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>
</svg>
`;

+ 187
- 0
src/webviews/apps/welcome/components/svg-workspaces.ts Visa fil

@ -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 Visa fil

@ -242,6 +242,8 @@
GitLens) them with your team for faster onboarding and better collaboration.
</p>
<gk-workspaces-svg></gk-workspaces-svg>
<p>
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

+ 1
- 0
src/webviews/apps/welcome/welcome.ts Visa fil

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

+ 270
- 0
walkthroughs/welcome/workspaces-focus.svg Visa fil

@ -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>

Skriv Förhandsgranska
Laddar…
Avbryt
Spara