annotate client/src/assets/tooltip.scss @ 3804:7f2c5576ec0a yworks-svg2pdf

waterlevel_diagram: use mixin for template loading and image processing
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 04 Jul 2019 11:21:59 +0200
parents 988cfa4c5aac
children 08eed1328ec9
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1362
ca33ad696594 remove the first empyty lines
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1361
diff changeset
1 /* This is Free Software under GNU Affero General Public License v >= 3.0
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 * without warranty, see README.md and license for details.
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1272
diff changeset
3 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
4 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
5 * License-Filename: LICENSES/AGPL-3.0.txt
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1272
diff changeset
6 *
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1272
diff changeset
7 * Copyright (C) 2018 by via donau
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
8 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9 * Software engineering by Intevation GmbH
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1272
diff changeset
10 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 * Author(s):
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
12 * Thomas Junk <thomas.junk@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13 */
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
14 .tooltip {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
15 display: block !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
16 z-index: 10000;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
17 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
18
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
19 .tooltip .tooltip-inner {
2939
988cfa4c5aac client: changed tooltip style
Markus Kottlaender <markus@intevation.de>
parents: 1448
diff changeset
20 background: white;
988cfa4c5aac client: changed tooltip style
Markus Kottlaender <markus@intevation.de>
parents: 1448
diff changeset
21 box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2);
988cfa4c5aac client: changed tooltip style
Markus Kottlaender <markus@intevation.de>
parents: 1448
diff changeset
22 color: #666;
988cfa4c5aac client: changed tooltip style
Markus Kottlaender <markus@intevation.de>
parents: 1448
diff changeset
23 border-radius: 0.25rem;
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
24 padding: 5px 10px 4px;
2939
988cfa4c5aac client: changed tooltip style
Markus Kottlaender <markus@intevation.de>
parents: 1448
diff changeset
25 font-size: 0.8rem;
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
26 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
28 .tooltip .tooltip-arrow {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
29 width: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
30 height: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
31 border-style: solid;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
32 position: absolute;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
33 margin: 5px;
2939
988cfa4c5aac client: changed tooltip style
Markus Kottlaender <markus@intevation.de>
parents: 1448
diff changeset
34 border-color: white;
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
35 z-index: 1;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
36 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
37
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
38 .tooltip[x-placement^="top"] {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
39 margin-bottom: 5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
40 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
41
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
42 .tooltip[x-placement^="top"] .tooltip-arrow {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
43 border-width: 5px 5px 0 5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
44 border-left-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
45 border-right-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
46 border-bottom-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
47 bottom: -5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
48 left: calc(50% - 5px);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
49 margin-top: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
50 margin-bottom: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
51 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
52
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
53 .tooltip[x-placement^="bottom"] {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
54 margin-top: 5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
55 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
56
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
57 .tooltip[x-placement^="bottom"] .tooltip-arrow {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
58 border-width: 0 5px 5px 5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
59 border-left-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
60 border-right-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
61 border-top-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
62 top: -5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
63 left: calc(50% - 5px);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
64 margin-top: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
65 margin-bottom: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
66 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
67
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
68 .tooltip[x-placement^="right"] {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
69 margin-left: 5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
70 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
71
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
72 .tooltip[x-placement^="right"] .tooltip-arrow {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
73 border-width: 5px 5px 5px 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
74 border-left-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
75 border-top-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
76 border-bottom-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
77 left: -5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
78 top: calc(50% - 5px);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
79 margin-left: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
80 margin-right: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
81 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
82
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
83 .tooltip[x-placement^="left"] {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
84 margin-right: 5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
85 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
86
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
87 .tooltip[x-placement^="left"] .tooltip-arrow {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
88 border-width: 5px 0 5px 5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
89 border-top-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
90 border-right-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
91 border-bottom-color: transparent !important;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
92 right: -5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
93 top: calc(50% - 5px);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
94 margin-left: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
95 margin-right: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
96 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
97
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
98 .tooltip.popover .popover-inner {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
99 background: #f9f9f9;
2939
988cfa4c5aac client: changed tooltip style
Markus Kottlaender <markus@intevation.de>
parents: 1448
diff changeset
100 color: white;
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
101 padding: 24px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
102 border-radius: 5px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
103 box-shadow: 0 5px 30px rgba(black, 0.1);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
104 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
105
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
106 .tooltip.popover .popover-arrow {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
107 border-color: #f9f9f9;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
108 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
109
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
110 .tooltip[aria-hidden="true"] {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
111 visibility: hidden;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
112 opacity: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
113 transition: opacity 0.15s, visibility 0.15s;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
114 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
115
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
116 .tooltip[aria-hidden="false"] {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
117 visibility: visible;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
118 opacity: 1;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
119 transition: opacity 0.15s;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
120 }