vsts online pull request code how to remove dotted border - tfs

When I review code in VST online around every code line a dotted border is visible. Other team members don't have this behavior. How can I remove this kind of markup.
example:
example code snippet here

Go to your profile, and change the UI Theme to Default:

Related

How to edit tooltip opacity in vscode? (how to change the intellisense suggestions transparency)

I am a beginner in vscode.
When I write code the tooltip annoys me, because I use divided screen in macOS
so I want to make the tooltips semi-transparent without press ctrl
like this image:
Try this colorCustomization in your settings:
"workbench.colorCustomizations": {
"editorSuggestWidget.background": "#ff000060"
}
The last two digits, in this case 60 are opacity. There a few more editorSuggestWidget options to change too.
https://wannabedev.tistory.com/37
I found it, here is a screenshot:
Unfortunately, that's a visual studio feature not yet available in visual studio code.
At present, the only option is to disable the pop-up altogether, in which case you don't get the hinting, which is not ideal.
There are a lot of threads on GitHub about the position and opacity of the tool tip (search terms like 'tooltip intellisense position' you'll find a bunch). You can add your voice there.

Collapse all files in pull request one action bitbucket

Just a straight forward question, but couldn't find any solution in internet.
Is it possible to collapse all files in a bit bucket PR, in one action? Hot-key or UI button?
Please help.
With New Updates (I think), It's supported as following
Please try this link, hope this will help!
I don't have access to bitbucekt, otherwise I'd have tested it myself.
UPDATE 1: Auto Collapse Diffs
When a pull request contains a lot of changed files, code reviewers can find it hard to isolate the changes that are relevant to them. Now you can collapse (or expand) the contents of all diffs in a pull request by holding down the alt key and clicking on the inverted caret icon in any file header.
UPDATE 2:
Click on any of the tilted caret sign > (it is highlighted in yellow box, left top corner) while pressing the Alt key.

Add / use custom SVG as material-icon

I'm using the material design package for my application layout menu.
I have 2 menus items where I can't find an icon that fits, so I got 2 SVG files that I added to the project.
I want to use this as the material-list-item icon instead of a material-icon.
Is there a way to do this by either adding a custom icon to the material-icon library or replacing the icon in the list.
If yes, please I need a complete example as I am new to DartAngular, still trying to figure out some stuff.
There is a mixin for material-icon which will get allow you to change a material-icon into using an SVG. https://github.com/dart-lang/angular_components/blob/c6cb3d783e72ff1ed7974f18b7f169778c73d39b/angular_components/lib/material_icon/_mixins.scss#L49
There is indeed a mixin for this as pointed out in Ted Sander's answer, but for the moment it does not seem to work. I've asked this on Gitter but did not get an answer, and I also opened a ticket on Github for this seemingly broken feature.
It's a telltale sign that even the official Angular Components Gallery has a broken SVG icon example.
I'd suggest to implement this by using separate list item rendering for those that have an official material-icon representation and those that need a custom SVG image, and conditionally render them with the ngIf directive.

Create a layout with a titled border in Vaadin

I want to create a layout with a titled border just like in the Java application screenshot below:
Is it possible?
Does it have to be 100% like the image above? If not, you can try the Panel class with default (valo) theme, there's a sample with code at http://demo.vaadin.com/sampler/#ui/structure/panel
There is no layout which displays the same layout as you shown in image. However vaadin gives flexibility to play around its components look and feel. As #Jorge mentioned, you can have panel and then play around CSS to get the layout like you shown.
There is no ready to use layout like that in vaadin and even don't see the reason to have it one in core vaadin. if someone builds the add-on is different story.

Creating iOS page indicator (dots) with jQuery Mobile

// my Question to the lovely lady in the corner
I would like to create a pagination for indicating what page is visible, like in iOS, (those little dots below a window, known as "page indicators" in the HIG.)
-- My project is hereby referred to as, Her Highness.
I found an example, but I can't find documentation on re-creating the layout, and it's in the experiment section :(
http://jquerymobile.com/test/experiments/scrollview/#../../docs/toolbars/footer-persist-a.html
I'm not sure why this is the part that seems hard to you, but if you're talking about how to make circles with html/css3, then I've got a simple answer. Just make your dots with a border radius equal to half the height/width.
<span class="dot dot1"></span>
<span class="dot dot2"></span>
<span class="dot dot3"></span>
<span class="dot dot4"></span>
...
.dot {
display: inline-block;
width:12px;height:12px;
border-radius:6px;
background-color:#8999A6;
}
.page4 .dot4 {
background-color: white;
}
If you can't figure out what to do beyond that, you're going to basically need someone to do the whole thing for you, but I'll give you a hint. Somewhere higher up, you're going to set a class indicating the active page. That will allow you to trigger CSS rules that could say which matching dot is active, and change the bg to white.
After reading the discussion under Russel's answer I think I understand what You want.
Create a presistent footer. That's not a trivial thing to do, but can be done.
You can take a look at my plugin for two column layouts http://jquerymobiledictionary.dyndns.org/dualColumn.html
or wait for me to take your issue into account while I work on it during the weekend (,which I advise you to :P).
After you got the presistent footer you can generate the dots from the list of pages and then handle a pageshow event to highlight the correct dot.
Wrapping the whole thing in a widget code would allow it to be a progressive enhancement, not a messy pile of code that would iritate users with nonAgrade browsers.

Resources