Mercurial > gemma

annotate client/src/application/assets/tooltip.sass @ 1240:9b0a7b3ea297

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
inport sounding results
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 20 Nov 2018 17:37:30 +0100
parents 3372cf2a55c7
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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