ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2024-12-23 23:02:22 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Fix node color selection on Chrome, Fixes: #181

Browse Source
This commit is contained in:
ziajka 2018-11-06 14:15:29 +01:00
parent 22ddb3d51e
commit b22d0dfc1d
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/cartography/components/map/map.component.html
View File

@ -1,6 +1,10 @@
<svg <svg
class="map" class="map"
preserveAspectRatio="none" preserveAspectRatio="none"
></svg> >
<filter id="grayscale">
<feColorMatrix id="feGrayscale" type="saturate" values="0"/>
</filter>
</svg>
<app-draw-link-tool *ngIf="drawLinkTool" (linkCreated)="linkCreated($event)"></app-draw-link-tool> <app-draw-link-tool *ngIf="drawLinkTool" (linkCreated)="linkCreated($event)"></app-draw-link-tool>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 159 B

After

Width:  |  Height:  |  Size: 260 B

7
src/app/components/project-map/project-map.component.css
View File

@ -31,17 +31,14 @@ g.node:hover {
left: 50%; left: 50%;
} }
/*g.node text {*/
/*font-family: Roboto !important;*/
/*}*/
svg.map image:hover, svg.map image.chosen, g.selected { svg.map image:hover, svg.map image.chosen, g.selected {
-webkit-filter: grayscale(100%); -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); -ms-filter: grayscale(100%);
-o-filter: grayscale(100%); -o-filter: grayscale(100%);
filter: grayscale(100%); filter: grayscale(100%);
filter: gray;
filter: url("#grayscale"); /* Chrome doesn't support CSS filters on SVG */
} }
path.selected { path.selected {