OLD | NEW |
1 /* Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 1 /* Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
2 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 2 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
3 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 3 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
4 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 4 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
5 Code distributed by Google as part of the polymer project is also | 5 Code distributed by Google as part of the polymer project is also |
6 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt */ | 6 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt */ |
7 | 7 |
8 :host { | 8 :host { |
9 box-sizing: border-box; | 9 box-sizing: border-box; |
10 position: relative; | 10 position: relative; |
11 display: inline-block; | 11 display: inline-block; |
12 outline: none; | 12 outline: none; |
13 } | 13 } |
14 | 14 |
15 :host(:hover:not([disabled])) .core-tooltip { | 15 :host(:hover:not([disabled])) .core-tooltip { |
16 visibility: visible !important; | 16 visibility: visible !important; |
17 } | 17 } |
18 | 18 |
19 :host([focused]) .core-tooltip { | 19 :host([focused]) .core-tooltip { |
20 visibility: visible !important; | 20 visibility: visible !important; |
21 } | 21 } |
22 | 22 |
23 .core-tooltip:not(.show) { | 23 .core-tooltip:not(.show) { |
24 visibility: hidden; | 24 visibility: hidden; |
25 } | 25 } |
26 | 26 |
27 .core-tooltip { | 27 .core-tooltip { |
28 position: absolute; | 28 position: absolute; |
29 font-size: 10px; | 29 font-size: 10px; |
30 font-family: sans-serif; | 30 font-weight: 500; |
31 padding: 8px; | 31 padding: 8px; |
32 color: white; | 32 color: white; |
33 background-color: rgba(0,0,0,0.8); | 33 background-color: rgba(0, 0, 0, 0.9); |
34 box-sizing: border-box; | 34 box-sizing: border-box; |
35 border-radius: 3px; /* TODO: not in spec. */ | 35 border-radius: 3px; /* TODO: not in spec. */ |
36 white-space: nowrap; | 36 white-space: nowrap; |
37 line-height: 6px; | 37 line-height: 6px; |
38 z-index: 1002; /* TODO: this is brittle. */ | 38 z-index: 1002; /* TODO: this is brittle. */ |
39 -webkit-user-select: none; | 39 -webkit-user-select: none; |
40 user-select: none; | 40 user-select: none; |
41 } | 41 } |
42 | 42 |
43 :host([large]) .core-tooltip { | 43 :host([large]) .core-tooltip { |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
95 top: 100%; | 95 top: 100%; |
96 left: calc(50% - 4px); | 96 left: calc(50% - 4px); |
97 border-top-color: rgba(0,0,0,0.8); | 97 border-top-color: rgba(0,0,0,0.8); |
98 } | 98 } |
99 | 99 |
100 .core-tooltip.right::after { | 100 .core-tooltip.right::after { |
101 right: 100%; | 101 right: 100%; |
102 top: calc(50% - 4px); | 102 top: calc(50% - 4px); |
103 border-right-color: rgba(0,0,0,0.8); | 103 border-right-color: rgba(0,0,0,0.8); |
104 } | 104 } |
OLD | NEW |