| 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 |