blob: 5be4c1976cebe2f40e49a4e780825ceaebad0c85 [file] [log] [blame]
Sean Condon83fc39f2018-04-19 18:56:13 +01001<!--
2~ Copyright 2014-present Open Networking Foundation
3~
4~ Licensed under the Apache License, Version 2.0 (the "License");
5~ you may not use this file except in compliance with the License.
6~ You may obtain a copy of the License at
7~
8~ http://www.apache.org/licenses/LICENSE-2.0
9~
10~ Unless required by applicable law or agreed to in writing, software
11~ distributed under the License is distributed on an "AS IS" BASIS,
12~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13~ See the License for the specific language governing permissions and
14~ limitations under the License.
15-->
Sean Condon2bd11b72018-06-15 08:00:48 +010016<svg class="embeddedIcon" [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 50 50" (mouseover)="toolTipDisp = toolTip" (mouseout)="toolTipDisp = undefined">
17 <g class="icon" [ngClass]="classes">
Sean Condon83fc39f2018-04-19 18:56:13 +010018 <rect width="50" height="50" rx="5"></rect>
19 <use width="50" height="50" class="glyph" [attr.href]="iconTag()"></use>
20 </g>
21</svg>
Sean Condon2bd11b72018-06-15 08:00:48 +010022<!-- I'm fixing class as light as view encapsulation changes how the hirerarchy of css is handled -->
23<p id="tooltip" class="light" *ngIf="toolTip" [ngStyle]="{ 'display': toolTipDisp ? 'inline-block':'none' }">{{ toolTipDisp }}</p>