mirror of
https://github.com/microsoft/vscode.git
synced 2026-09-14 15:22:15 +01:00
Add thumbs up/down icons
This commit is contained in:
t-amqi
@@ -92,33 +92,40 @@
|
||||
* Task Panel styles
|
||||
*/
|
||||
|
||||
.monaco-workbench .task-action { background: url('update.svg') center center no-repeat; }
|
||||
|
||||
.task-panel-no-telemetry {
|
||||
background-image: url('thumbs-down.svg');
|
||||
.task-panel-feedback-button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.task-panel-yes-telemetry {
|
||||
.task-panel-no-telemetry .light {
|
||||
background-image: url('thumbs-down.svg');
|
||||
}
|
||||
|
||||
.task-panel-no-telemetry .dark {
|
||||
background-image: url('thumbs-down-inverse.svg');
|
||||
}
|
||||
|
||||
.task-panel-yes-telemetry .light {
|
||||
background-image: url('thumbs-up.svg');
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.task-panel-yes-telemetry .dark {
|
||||
background-image: url('thumbs-up-inverse.svg');
|
||||
}
|
||||
|
||||
.task-panel {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-right: 10%;
|
||||
margin-left: 10%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.task-panel-container {
|
||||
outline: grey dotted thin;
|
||||
padding: 1px 17px;
|
||||
margin-top: 10px;
|
||||
margin: 10px auto 0px;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.task-panel-example-item {
|
||||
@@ -141,6 +148,8 @@
|
||||
|
||||
.task-panel-right-aligned {
|
||||
float: right;
|
||||
/* cancel out 2px button padding */
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.task-panel-centered {
|
||||
@@ -150,7 +159,6 @@
|
||||
|
||||
.task-panel-header-item {
|
||||
font-size: 19px;
|
||||
transition: display 2s linear 500ms;
|
||||
}
|
||||
|
||||
.task-panel-feedback {
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}.icon-vs-fg{fill:#2b282e}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-bg" d="M1.102 9.075c.068.16.163.298.284.417a1.338 1.338 0 0 0 .926.383h3.035c-.023.219-.067.43-.13.632a4.955 4.955 0 0 1-.232.598c-.159.328-.28.66-.362.995a4.427 4.427 0 0 0-.123 1.056c0 .15.028.292.086.424.057.132.135.248.235.349.101.1.217.179.349.236.132.057.273.085.424.085a.84.84 0 0 0 .417-.096c.114-.064.228-.153.342-.267l4.252-4.245c.21-.209.445-.369.708-.479.261-.108.54-.163.836-.163H15V2.875h-3.063c-.356 0-.698-.034-1.029-.103s-.66-.169-.988-.301A6.088 6.088 0 0 0 7.563 2h-3.5a1.28 1.28 0 0 0-.407.064 1.283 1.283 0 0 0-.646.465 1.412 1.412 0 0 0-.192.367l-1.75 5.25A1.284 1.284 0 0 0 1 8.563c0 .182.034.353.102.512zm.915-.613l1.75-5.25a.38.38 0 0 1 .051-.093c.087-.079.117-.094.157-.106L4.063 3h3.5a5.11 5.11 0 0 1 1.975.396c.394.158.784.276 1.169.356.395.082.81.123 1.231.123H14V8h-1.851a3.152 3.152 0 0 0-2.252.935s-4.047 4.435-4.36 4.338c-.153-.048-.005-.68.057-.936.065-.264.162-.531.29-.796.117-.252.211-.492.287-.736.084-.269.142-.547.171-.829l.113-1.102H2.313a.323.323 0 0 1-.291-.192A.294.294 0 0 1 2 8.563l.017-.101z" id="iconBg"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
Regular → Executable
+1
-59
@@ -1,59 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
viewBox="0 -256 1792 1792"
|
||||
id="svg3937"
|
||||
version="1.1"
|
||||
inkscape:version="0.48.3.1 r9886"
|
||||
width="100%"
|
||||
height="100%"
|
||||
sodipodi:docname="thumbs_down_font_awesome.svg">
|
||||
<metadata
|
||||
id="metadata3947">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs3945" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="640"
|
||||
inkscape:window-height="480"
|
||||
id="namedview3943"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.13169643"
|
||||
inkscape:cx="896"
|
||||
inkscape:cy="896"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="25"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg3937" />
|
||||
<g
|
||||
transform="matrix(1,0,0,-1,121.49153,1209.4915)"
|
||||
id="g3939">
|
||||
<path
|
||||
d="m 256,1088 q 0,26 -19,45 -19,19 -45,19 -26,0 -45,-19 -19,-19 -19,-45 0,-26 19,-45 19,-19 45,-19 26,0 45,19 19,19 19,45 z M 1408,512 q 0,35 -21.5,81 -21.5,46 -53.5,47 15,17 25,47.5 10,30.5 10,55.5 0,69 -53,119 18,32 18,69 0,37 -17.5,73.5 -17.5,36.5 -47.5,52.5 5,30 5,56 0,85 -49,126 -49,41 -136,41 H 960 q -131,0 -342,-73 -5,-2 -29,-10.5 -24,-8.5 -35.5,-12.5 -11.5,-4 -35,-11.5 -23.5,-7.5 -38,-11 -14.5,-3.5 -33,-6.5 -18.5,-3 -31.5,-3 H 384 V 512 h 32 q 16,0 35.5,-9 19.5,-9 40,-27 Q 512,458 530,440.5 548,423 570,396.5 592,370 604.5,354 617,338 636,313 655,288 659,283 714,215 736,192 777,149 795.5,82.5 814,16 826,-43 q 12,-59 38,-85 96,0 128,47 32,47 32,145 0,59 -48,160.5 Q 928,326 928,384 h 352 q 50,0 89,38.5 39,38.5 39,89.5 z m 128,-1 q 0,-103 -76,-179 -76,-76 -180,-76 h -176 q 48,-99 48,-192 0,-118 -35,-186 -35,-69 -102,-101.5 -67,-32.5 -151,-32.5 -51,0 -90,37 -34,33 -54,82 -20,49 -25.5,90.5 Q 689,-5 677,38 665,81 646,102 598,152 539,229 438,360 402,384 H 128 Q 75,384 37.5,421.5 0,459 0,512 v 640 q 0,53 37.5,90.5 Q 75,1280 128,1280 h 288 q 22,0 138,40 128,44 223,66 95,22 200,22 h 112 q 140,0 226.5,-79 86.5,-79 85.5,-216 v -5 q 60,-77 60,-178 0,-22 -3,-43 38,-67 38,-144 0,-36 -9,-69 49,-74 49,-163 z"
|
||||
id="path3941"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:currentColor" />
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}.icon-vs-fg{fill:#f0eff1}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-bg" d="M1.102 9.075c.068.16.163.298.284.417a1.338 1.338 0 0 0 .926.383h3.035c-.023.219-.067.43-.13.632a4.955 4.955 0 0 1-.232.598c-.159.328-.28.66-.362.995a4.427 4.427 0 0 0-.123 1.056c0 .15.028.292.086.424.057.132.135.248.235.349.101.1.217.179.349.236.132.057.273.085.424.085a.84.84 0 0 0 .417-.096c.114-.064.228-.153.342-.267l4.252-4.245c.21-.209.445-.369.708-.479.261-.108.54-.163.836-.163H15V2.875h-3.063c-.356 0-.698-.034-1.029-.103s-.66-.169-.988-.301A6.088 6.088 0 0 0 7.563 2h-3.5a1.28 1.28 0 0 0-.407.064 1.283 1.283 0 0 0-.646.465 1.412 1.412 0 0 0-.192.367l-1.75 5.25A1.284 1.284 0 0 0 1 8.563c0 .182.034.353.102.512zm.915-.613l1.75-5.25a.38.38 0 0 1 .051-.093c.087-.079.117-.094.157-.106L4.063 3h3.5a5.11 5.11 0 0 1 1.975.396c.394.158.784.276 1.169.356.395.082.81.123 1.231.123H14V8h-1.851a3.152 3.152 0 0 0-2.252.935s-4.047 4.435-4.36 4.338c-.153-.048-.005-.68.057-.936.065-.264.162-.531.29-.796.117-.252.211-.492.287-.736.084-.269.142-.547.171-.829l.113-1.102H2.313a.323.323 0 0 1-.291-.192A.294.294 0 0 1 2 8.563l.017-.101z" id="iconBg"/></svg>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}.icon-vs-fg{fill:#2b282e}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-bg" d="M14.898 6.925a1.281 1.281 0 0 0-.284-.417 1.338 1.338 0 0 0-.926-.383h-3.035c.023-.219.066-.43.13-.632.064-.203.142-.402.232-.598.159-.328.28-.66.362-.995.082-.335.123-.687.123-1.056 0-.15-.028-.292-.086-.424a1.112 1.112 0 0 0-.584-.585 1.06 1.06 0 0 0-.424-.085.84.84 0 0 0-.417.096 1.646 1.646 0 0 0-.342.266L5.396 6.357c-.21.21-.446.37-.708.479A2.157 2.157 0 0 1 3.851 7H1v6.125h3.063c.355 0 .698.034 1.029.102.331.068.66.169.988.301A6.072 6.072 0 0 0 8.438 14h3.5c.142 0 .277-.021.406-.064a1.283 1.283 0 0 0 .646-.465c.082-.112.146-.234.191-.366l1.75-5.25c.046-.133.069-.272.069-.417a1.29 1.29 0 0 0-.102-.513zm-.915.613l-1.75 5.25a.398.398 0 0 1-.051.093c-.088.079-.118.094-.157.106l-.087.013h-3.5a5.11 5.11 0 0 1-1.975-.396 6.953 6.953 0 0 0-1.169-.356 6.083 6.083 0 0 0-1.231-.123H2V8h1.851a3.152 3.152 0 0 0 2.252-.936s4.047-4.435 4.36-4.338c.153.048.005.68-.057.936a4.01 4.01 0 0 1-.29.796 5.7 5.7 0 0 0-.288.736 4.297 4.297 0 0 0-.171.829l-.113 1.102h4.144c.042 0 .077.007.111.021.045.02.082.043.111.073a.292.292 0 0 1 .09.219l-.017.1z" id="iconBg"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
Regular → Executable
+1
-59
@@ -1,59 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
viewBox="0 -256 1792 1792"
|
||||
id="svg3888"
|
||||
version="1.1"
|
||||
inkscape:version="0.48.3.1 r9886"
|
||||
width="100%"
|
||||
height="100%"
|
||||
sodipodi:docname="thumbs_up_font_awesome.svg">
|
||||
<metadata
|
||||
id="metadata3898">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs3896" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="640"
|
||||
inkscape:window-height="480"
|
||||
id="namedview3894"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.13169643"
|
||||
inkscape:cx="896"
|
||||
inkscape:cy="896"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="25"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg3888" />
|
||||
<g
|
||||
transform="matrix(1,0,0,-1,129.08475,1346.1695)"
|
||||
id="g3890">
|
||||
<path
|
||||
d="m 256,192 q 0,26 -19,45 -19,19 -45,19 -26,0 -45,-19 -19,-19 -19,-45 0,-26 19,-45 19,-19 45,-19 26,0 45,19 19,19 19,45 z m 1152,576 q 0,51 -39,89.5 -39,38.5 -89,38.5 H 928 q 0,58 48,159.5 48,101.5 48,160.5 0,98 -32,145 -32,47 -128,47 -26,-26 -38,-85 -12,-59 -30.5,-125.5 Q 777,1131 736,1088 714,1065 659,997 655,992 636,967 617,942 604.5,926 592,910 570,883.5 548,857 530,839.5 512,822 491.5,804 471,786 451.5,777 432,768 416,768 H 384 V 128 h 32 q 13,0 31.5,-3 18.5,-3 33,-6.5 14.5,-3.5 38,-11 Q 542,100 553.5,96 565,92 589,83.5 613,75 618,73 829,0 960,0 h 121 q 192,0 192,167 0,26 -5,56 30,16 47.5,52.5 17.5,36.5 17.5,73.5 0,37 -18,69 53,50 53,119 0,25 -10,55.5 -10,30.5 -25,47.5 32,1 53.5,47 21.5,46 21.5,81 z m 128,1 q 0,-89 -49,-163 9,-33 9,-69 0,-77 -38,-144 3,-21 3,-43 0,-101 -60,-178 1,-139 -85,-219.5 -86,-80.5 -227,-80.5 h -36 -93 q -96,0 -189.5,22.5 Q 677,-83 554,-40 438,0 416,0 H 128 Q 75,0 37.5,37.5 0,75 0,128 V 768 Q 0,821 37.5,858.5 75,896 128,896 h 274 q 36,24 137,155 58,75 107,128 24,25 35.5,85.5 11.5,60.5 30.5,126.5 19,66 62,108 39,37 90,37 84,0 151,-32.5 67,-32.5 102,-101.5 35,-69 35,-186 0,-93 -48,-192 h 176 q 104,0 180,-76 76,-76 76,-179 z"
|
||||
id="path3892"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:currentColor" />
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}.icon-vs-fg{fill:#f0eff1}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-bg" d="M14.898 6.925a1.281 1.281 0 0 0-.284-.417 1.338 1.338 0 0 0-.926-.383h-3.035c.023-.219.066-.43.13-.632.064-.203.142-.402.232-.598.159-.328.28-.66.362-.995.082-.335.123-.687.123-1.056 0-.15-.028-.292-.086-.424a1.112 1.112 0 0 0-.584-.585 1.06 1.06 0 0 0-.424-.085.84.84 0 0 0-.417.096 1.646 1.646 0 0 0-.342.266L5.396 6.357c-.21.21-.446.37-.708.479A2.157 2.157 0 0 1 3.851 7H1v6.125h3.063c.355 0 .698.034 1.029.102.331.068.66.169.988.301A6.072 6.072 0 0 0 8.438 14h3.5c.142 0 .277-.021.406-.064a1.283 1.283 0 0 0 .646-.465c.082-.112.146-.234.191-.366l1.75-5.25c.046-.133.069-.272.069-.417a1.29 1.29 0 0 0-.102-.513zm-.915.613l-1.75 5.25a.398.398 0 0 1-.051.093c-.088.079-.118.094-.157.106l-.087.013h-3.5a5.11 5.11 0 0 1-1.975-.396 6.953 6.953 0 0 0-1.169-.356 6.083 6.083 0 0 0-1.231-.123H2V8h1.851a3.152 3.152 0 0 0 2.252-.936s4.047-4.435 4.36-4.338c.153.048.005.68-.057.936a4.01 4.01 0 0 1-.29.796 5.7 5.7 0 0 0-.288.736 4.297 4.297 0 0 0-.171.829l-.113 1.102h4.144c.042 0 .077.007.111.021.045.02.082.043.111.073a.292.292 0 0 1 .09.219l-.017.1z" id="iconBg"/></svg>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 1.3 KiB |
@@ -1 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><g fill="#424242"><path d="M12.714 9.603c-.07.207-.15.407-.246.601l1.017 2.139c-.335.424-.718.807-1.142 1.143l-2.14-1.018c-.193.097-.394.176-.601.247l-.795 2.235c-.265.03-.534.05-.807.05-.272 0-.541-.02-.806-.05l-.795-2.235c-.207-.071-.408-.15-.602-.247l-2.14 1.017c-.424-.336-.807-.719-1.143-1.143l1.017-2.139c-.094-.193-.175-.393-.245-.6l-2.236-.796c-.03-.265-.05-.534-.05-.807s.02-.542.05-.807l2.236-.795c.07-.207.15-.407.246-.601l-1.016-2.139c.336-.423.719-.807 1.143-1.142l2.14 1.017c.193-.096.394-.176.602-.247l.793-2.236c.265-.03.534-.05.806-.05.273 0 .542.02.808.05l.795 2.236c.207.07.407.15.601.246l2.14-1.017c.424.335.807.719 1.142 1.142l-1.017 2.139c.096.194.176.394.246.601l2.236.795c.029.266.049.535.049.808s-.02.542-.05.807l-2.236.796zm-4.714-4.603c-1.657 0-3 1.343-3 3s1.343 3 3 3 3-1.343 3-3-1.343-3-3-3z"/><circle cx="8" cy="8" r="1.5"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 927 B |
@@ -68,7 +68,7 @@ import { IConfigurationEditingService, ConfigurationTarget, IConfigurationValue
|
||||
import { IWorkspaceContextService } from 'vs/platform/workspace/common/workspace';
|
||||
|
||||
import { ITextFileService } from 'vs/workbench/services/textfile/common/textfiles';
|
||||
import { IOutputService, IOutputChannelRegistry, Extensions as OutputExt, IOutputChannel } from 'vs/workbench/parts/output/common/output';
|
||||
import { IOutputService, IOutputChannelRegistry, Extensions as OutputExt, IOutputChannel } from 'vs/workbench/parts/output/common/output';
|
||||
import { Scope, IActionBarRegistry, Extensions as ActionBarExtensions } from 'vs/workbench/browser/actions';
|
||||
|
||||
import { ITerminalService } from 'vs/workbench/parts/terminal/common/terminal';
|
||||
|
||||
@@ -10,7 +10,7 @@ import URI from 'vs/base/common/uri';
|
||||
import { Builder, Dimension } from 'vs/base/browser/builder';
|
||||
import { Panel, PanelRegistry, PanelDescriptor, Extensions } from 'vs/workbench/browser/panel';
|
||||
import { ITelemetryService } from 'vs/platform/telemetry/common/telemetry';
|
||||
import { IThemeService, ITheme } from 'vs/platform/theme/common/themeService';
|
||||
import { IThemeService, ITheme, DARK, HIGH_CONTRAST } from 'vs/platform/theme/common/themeService';
|
||||
import { ITaskService } from 'vs/workbench/parts/tasks/common/taskService';
|
||||
import { Registry } from 'vs/platform/registry/common/platform';
|
||||
import { TPromise } from 'vs/base/common/winjs.base';
|
||||
@@ -25,7 +25,7 @@ const TASK_PANEL_ID = 'workbench.panel.task';
|
||||
export class TaskPanel extends Panel {
|
||||
|
||||
private taskExperimentPart5 = 'workbench.tasks.feedbackAnswered';
|
||||
private _builder;
|
||||
private _builder: Builder;
|
||||
|
||||
constructor(
|
||||
@ITelemetryService telemetryService: ITelemetryService,
|
||||
@@ -91,14 +91,28 @@ export class TaskPanel extends Panel {
|
||||
const githubLink = this._builder.select('.task-panel-linkstyle');
|
||||
const buttons = this._builder.select('.task-panel-mockup-button');
|
||||
const taskItems = this._builder.select('.task-panel-example-item');
|
||||
const thumbButtons = this._builder.select('.task-panel-feedback-button');
|
||||
|
||||
if (!theme) {
|
||||
theme = this.themeService.getTheme();
|
||||
}
|
||||
buttons.style('background-color', theme.getColor(buttonBackground).toString());
|
||||
|
||||
if (theme.getColor(buttonBackground)) {
|
||||
buttons.style('background-color', theme.getColor(buttonBackground).toString());
|
||||
} else {
|
||||
buttons.style('background-color', null);
|
||||
}
|
||||
buttons.style('color', theme.getColor(buttonForeground).toString());
|
||||
githubLink.style('color', theme.getColor(textLinkForeground).toString());
|
||||
taskItems.style('background-color', theme.getColor(selectBackground).toString());
|
||||
|
||||
if ((theme.type === DARK || theme.type === HIGH_CONTRAST) && thumbButtons.hasClass('light')) {
|
||||
thumbButtons.removeClass('light');
|
||||
thumbButtons.addClass('dark');
|
||||
} else if (thumbButtons.hasClass('dark')) {
|
||||
thumbButtons.removeClass('dark');
|
||||
thumbButtons.addClass('light');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -113,34 +127,31 @@ export class TaskPanel extends Panel {
|
||||
|
||||
function getHtml() {
|
||||
return `
|
||||
<div class="composite panel task-panel" id="workbench.panel.task" aria-hidden="false">
|
||||
<div class="task-panel-container">
|
||||
<p> Some things you might be able to do here: </br>
|
||||
<ul>
|
||||
<li> See a list of autodetected and manually configured tasks </li>
|
||||
<li> Run/Restart/Stop tasks with a click of a button</li>
|
||||
<li> Show a summary of each completed task (ie: execution time, exit code, foldable output)</li>
|
||||
<li> Configure a task without touching the json file </li>
|
||||
</ul></p>
|
||||
<p> Here's a rough idea of what a task item might look like. By no means is this the final layout so please do not judge the look.</p>
|
||||
<div class="task-panel-example-item">
|
||||
<p class="task-panel-oneliner"> Task1: tsc -watch <span class="task-panel-right-aligned"> Running (0 Errors)
|
||||
<span class="task-panel-mockup-button"> Show Output</span>
|
||||
<span class="task-panel-mockup-button">Stop</span>
|
||||
<span class="task-panel-mockup-button">Restart</span></span>
|
||||
</p>
|
||||
</div>
|
||||
<p class="task-panel-feedback"> If you are interested in further discussion or have feedback of your own, please go the github issue
|
||||
<a class="task-panel-linkstyle" href="https://github.com/Microsoft/vscode/issues/28235"> here</a>.
|
||||
<div class="task-panel-container">
|
||||
<p> Some things you might be able to do here: </br>
|
||||
<ul>
|
||||
<li> See a list of autodetected and manually configured tasks </li>
|
||||
<li> Run/Restart/Stop tasks with a click of a button</li>
|
||||
<li> Show a summary of each completed task (ie: execution time, exit code, foldable output)</li>
|
||||
<li> Configure a task without touching the json file </li>
|
||||
</ul></p>
|
||||
<p> Here's a rough idea of what a task item might look like. By no means is this the final layout so please do not judge the look.</p>
|
||||
<div class="task-panel-example-item">
|
||||
<p class="task-panel-oneliner"> Task1: tsc -watch <span class="task-panel-right-aligned"> Running (0 Errors) <span class="task-panel-mockup-button">Show Output</span>
|
||||
<span class="task-panel-mockup-button">Stop</span>
|
||||
<span class="task-panel-mockup-button">Restart</span></span>
|
||||
</p>
|
||||
</div>
|
||||
<p class="task-panel-feedback"> If you are interested in further discussion or have feedback of your own, please go the github issue
|
||||
<a class="task-panel-linkstyle" href="https://github.com/Microsoft/vscode/issues/28235"> here</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="task-panel-text">
|
||||
<div class="task-panel-header-item task-panel-centered">Do you think a task panel is useful?
|
||||
<span class="task-panel-mockup-button task-panel-yes-telemetry"></span>
|
||||
<span class="task-panel-mockup-button task-panel-no-telemetry"></span>
|
||||
</div>
|
||||
<div class="task-panel-header-item task-panel-centered task-panel-thanks task-panel-hidden"> Thanks for the feedback! <3 </div>
|
||||
<div class="task-panel-text">
|
||||
<div class="task-panel-header-item task-panel-centered">Do you think a task panel is useful?
|
||||
<span class="task-panel-feedback-button task-panel-yes-telemetry light"></span>
|
||||
<span class="task-panel-feedback-button task-panel-no-telemetry light"></span>
|
||||
</div>
|
||||
<div class="task-panel-header-item task-panel-centered task-panel-thanks task-panel-hidden"> Thanks for the feedback! <3 </div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
Reference in New Issue
Block a user