Mercurial > gemma
annotate client/src/application/assets/tooltip.sass @ 1240:9b0a7b3ea297
inport sounding results
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 20 Nov 2018 17:37:30 +0100 |
parents | 3372cf2a55c7 |
children |
rev | line source |
---|---|
1214
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
1 /* |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
2 * This is Free Software under GNU Affero General Public License v >= 3.0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
3 * without warranty, see README.md and license for details. |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
4 * |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
5 * SPDX-License-Identifier: AGPL-3.0-or-later |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
6 * License-Filename: LICENSES/AGPL-3.0.txt |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
7 * |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
8 * Copyright (C) 2018 by via donau |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
9 * – Österreichische Wasserstraßen-Gesellschaft mbH |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
10 * Software engineering by Intevation GmbH |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
11 * |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
12 * Author(s): |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
13 * Thomas Junk <thomas.junk@intevation.de> |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
14 */ |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
15 .tooltip |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
16 display: block !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
17 z-index: 10000 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
18 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
19 .tooltip-inner |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
20 background: black |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
21 color: white |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
22 border-radius: 16px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
23 padding: 5px 10px 4px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
24 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
25 .tooltip-arrow |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
26 width: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
27 height: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
28 border-style: solid |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
29 position: absolute |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
30 margin: 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
31 border-color: black |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
32 z-index: 1 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
33 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
34 &[x-placement^="top"] |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
35 margin-bottom: 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
36 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
37 .tooltip-arrow |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
38 border-width: 5px 5px 0 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
39 border-left-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
40 border-right-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
41 border-bottom-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
42 bottom: -5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
43 left: calc(50% - 5px) |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
44 margin-top: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
45 margin-bottom: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
46 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
47 &[x-placement^="bottom"] |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
48 margin-top: 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
49 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
50 .tooltip-arrow |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
51 border-width: 0 5px 5px 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
52 border-left-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
53 border-right-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
54 border-top-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
55 top: -5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
56 left: calc(50% - 5px) |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
57 margin-top: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
58 margin-bottom: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
59 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
60 &[x-placement^="right"] |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
61 margin-left: 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
62 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
63 .tooltip-arrow |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
64 border-width: 5px 5px 5px 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
65 border-left-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
66 border-top-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
67 border-bottom-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
68 left: -5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
69 top: calc(50% - 5px) |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
70 margin-left: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
71 margin-right: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
72 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
73 &[x-placement^="left"] |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
74 margin-right: 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
75 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
76 .tooltip-arrow |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
77 border-width: 5px 0 5px 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
78 border-top-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
79 border-right-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
80 border-bottom-color: transparent !important |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
81 right: -5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
82 top: calc(50% - 5px) |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
83 margin-left: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
84 margin-right: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
85 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
86 &.popover |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
87 $color: #f9f9f9 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
88 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
89 .popover-inner |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
90 background: $color |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
91 color: black |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
92 padding: 24px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
93 border-radius: 5px |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
94 box-shadow: 0 5px 30px rgba(black, 0.1) |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
95 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
96 .popover-arrow |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
97 border-color: $color |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
98 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
99 &[aria-hidden="true"] |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
100 visibility: hidden |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
101 opacity: 0 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
102 transition: opacity 0.15s, visibility 0.15s |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
103 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
104 &[aria-hidden="false"] |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
105 visibility: visible |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
106 opacity: 1 |
3372cf2a55c7
converted tooltip.scss to sass
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
107 transition: opacity 0.15s |