annotate client/src/assets/application.css @ 5736:55892008ec96 default tip

Fixed a bunch of corner cases in WG import.
author Sascha Wilde <wilde@sha-bang.de>
date Wed, 29 May 2024 19:02:42 +0200
parents 84d01a536bec
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
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: 1291
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: 1291
diff changeset
6 *
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
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: 1291
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 * Markus Kottländer <markus.kottlaender@intevation>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
14 */
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
15 @import "tooltip.css";
1368
d1d8c7bd16a1 switched from vue2-toastr to vue-snotify
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
16
5627
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
17 :root {
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
18 --shadow-xs: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2);
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
19 --border-radius: 0.25rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
20 --icon-height: 2rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
21 --icon-width: 2rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
22 --large-offset: 2rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
23 --offset: 1rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
24 --sidebar-width: 13rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
25 --slight-transparent: 0.96;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
26 --small-offset: 0.5rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
27 --smaller: 0.9rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
28 --transition-fast: 0.3s;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
29 --x-large-offset: 3rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
30 --xx-large-offset: 5rem;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
31
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
32 --color-info: #17a2b8;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
33 --color-info-h: 188;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
34 --color-info-s: 78%;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
35 --color-info-l: 41%;
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
36 }
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
37
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
38
1820
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
39 ::placeholder {
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
40 color: #ccc !important;
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
41 font-size: smaller;
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
42 font-weight: bold;
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
43 }
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
44
2549
9bf6b767a56a client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2540
diff changeset
45 html {
9bf6b767a56a client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2540
diff changeset
46 overflow: hidden;
9bf6b767a56a client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2540
diff changeset
47 }
9bf6b767a56a client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2540
diff changeset
48
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
49 a {
5627
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
50 color: var(--color-info);
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
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: 1426
diff changeset
53 a:hover,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
54 a:active,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
55 a:focus {
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
56 color: hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) - 13%));
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
57 }
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
58
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
59 .w-90 {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
60 width: 90%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
61 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
62
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
63 .w-95 {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
64 width: 95%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
65 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
66
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
67 .debug {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
68 border: 1px solid red;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
69 }
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
70
2437
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
71 .debug2 {
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
72 border: 1px solid magenta;
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
73 }
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
74
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
75 .debug3 {
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
76 border: 1px solid greenyellow;
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
77 }
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
78
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
79 .header {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
80 font-weight: bold;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
81 font-size: 0.9em;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
82 }
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
83
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
84 .ui-element {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
85 pointer-events: auto;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
86 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
87
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
88 .shadow-xs {
5627
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
89 box-shadow: var(--shadow-xs);
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
90 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
91
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
92 .box {
5627
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
93 opacity: var(--slight-transparent);
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
94 max-height: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
95 max-width: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
96 overflow: hidden;
2122
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
97 margin: 0;
5627
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
98 box-shadow: var(--shadow-xs);
2122
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
99 transition: max-width 0.4s, max-height 0.4s, margin 0.4s;
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
100 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
101
1274
dc3fb8ad8f86 further improved box header style
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
102 .box h6,
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
103 .contextbox h6 {
5627
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
104 color: var(--color-info);
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
105 font-weight: bold;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
106 }
1274
dc3fb8ad8f86 further improved box header style
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
107
2837
61aacfd02812 client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2740
diff changeset
108 .box-control {
3026
619f03a0062a client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents: 2984
diff changeset
109 display: flex;
2837
61aacfd02812 client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2740
diff changeset
110 color: #888;
3026
619f03a0062a client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents: 2984
diff changeset
111 padding: 4px 7px;
2837
61aacfd02812 client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2740
diff changeset
112 border-radius: 0.25rem;
61aacfd02812 client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2740
diff changeset
113 cursor: pointer;
61aacfd02812 client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2740
diff changeset
114 transition: background-color 0.3s, color 0.3s;
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
115 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
116
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
117 .box-control .small {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
118 padding: 4px;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
119 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
120
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
121 .box-control:hover {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
122 color: #666;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
123 background-color: #eee;
2837
61aacfd02812 client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2740
diff changeset
124 }
61aacfd02812 client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2740
diff changeset
125
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
126 .expanded {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
127 max-height: 999px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
128 max-width: 999px;
4981
9f0830a1845d squashed the total layout to enable display of long fm importnames
Thomas Junk <thomas.junk@intevation.de>
parents: 4774
diff changeset
129 margin: 0 0.05rem 0.5rem 0.25rem;
2534
bb5286acfee2 client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents: 2461
diff changeset
130 }
bb5286acfee2 client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents: 2461
diff changeset
131
bb5286acfee2 client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents: 2461
diff changeset
132 .box-body {
bb5286acfee2 client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents: 2461
diff changeset
133 padding: 0.75rem;
bb5286acfee2 client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents: 2461
diff changeset
134 text-align: left;
2538
29eb15039d0d client: fixed Profile box loading animation
Markus Kottlaender <markus@intevation.de>
parents: 2534
diff changeset
135 position: relative;
2122
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
136 }
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
137
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
138 /* needed to fix the whitespace problem of
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
139 // https://github.com/Polyconseil/vue-gettext/issues/80;
1426
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
140 // use like
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
141 // <a href="..">link</a>
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
142 // <span v-translate class="fix-trans-space">contributors.</span>
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
143 //
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
144 // done centrally, so we can fix it centrally for better vue-gettext version */
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
145 .fix-trans-space,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
146 .fix-trans-space:before {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
147 content: " ";
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
148 }
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
149
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
150 .closebutton {
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
151 position: absolute;
5627
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
152 right: var(--offset);
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
153 }
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
154
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
155 .headline {
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
156 font-weight: bold;
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
157 }
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2122
diff changeset
158
2437
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
159 .fade-enter-active,
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
160 .fade-leave-active {
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
161 transition: opacity 0.3s;
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
162 }
2437
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
163 .fade-enter,
5c094ab6aa5b more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
164 .fade-leave-to {
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
165 opacity: 0;
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
166 }
2224
5176ea7fbc53 merge default in pdf-branch
Markus Kottlaender <markus@intevation.de>
parents: 2216 2145
diff changeset
167
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2122
diff changeset
168 .pointer {
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2122
diff changeset
169 cursor: pointer;
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2122
diff changeset
170 }
2330
7b79d4966a87 client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents: 2322
diff changeset
171
7b79d4966a87 client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents: 2322
diff changeset
172 .btn:disabled,
7b79d4966a87 client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents: 2322
diff changeset
173 .btn.disabled {
7b79d4966a87 client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents: 2322
diff changeset
174 opacity: 0.4;
7b79d4966a87 client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents: 2322
diff changeset
175 }
2461
b60efa7d4cee client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents: 2437
diff changeset
176
2636
ef718ac7697d client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents: 2617
diff changeset
177 .btn-xs {
4774
1fd771b08ced import_overview: added 'changed' column
Thomas Junk <thomas.junk@intevation.de>
parents: 3638
diff changeset
178 padding: 0.3rem 0.4rem;
1fd771b08ced import_overview: added 'changed' column
Thomas Junk <thomas.junk@intevation.de>
parents: 3638
diff changeset
179 font-size: 0.75rem;
2636
ef718ac7697d client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents: 2617
diff changeset
180 line-height: 1;
ef718ac7697d client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents: 2617
diff changeset
181 }
ef718ac7697d client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents: 2617
diff changeset
182
2461
b60efa7d4cee client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents: 2437
diff changeset
183 .snotifyToast {
b60efa7d4cee client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents: 2437
diff changeset
184 text-align: left;
b60efa7d4cee client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents: 2437
diff changeset
185 border-radius: 0.25rem;
b60efa7d4cee client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents: 2437
diff changeset
186 box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2);
b60efa7d4cee client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents: 2437
diff changeset
187 border-left: 0 !important;
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
188 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
189 .snotifyToast .snotifyToast__title {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
190 font-size: 1.2rem;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
191 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
192 .snotifyToast .snotifyToast__body {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
193 white-space: pre-line;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
194 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
195 .snotifyToast.snotify-info {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
196 border-top: 4px solid var(--color-info);
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
197 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
198 .snotifyToast.snotify-info .snotify-icon--info {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
199 background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%2317a2b8%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.84,0,0,114.84,0,256S114.84,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,478.43C133.35,478.43,33.57,378.64,33.57,256S133.35,33.58,256,33.58,478.42,133.36,478.42,256,378.64,478.43,256,478.43Z%22/%3E%3Cpath%20d=%22M251.26,161.24a22.39,22.39,0,1,0-22.38-22.39A22.39,22.39,0,0,0,251.26,161.24Z%22/%3E%3Cpath%20d=%22M286.84,357.87h-14v-160A16.79,16.79,0,0,0,256,181.05H225.17a16.79,16.79,0,0,0,0,33.58h14.05V357.87H225.17a16.79,16.79,0,0,0,0,33.57h61.67a16.79,16.79,0,1,0,0-33.57Z%22/%3E%3C/g%3E%3C/svg%3E");
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
200 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
201 .snotifyToast.snotify-error {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5627
diff changeset
202 border-top: 4px solid #f44336;
2461
b60efa7d4cee client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents: 2437
diff changeset
203 }
2540
3c17d401fbd4 client: cross profiles: moved waterlevel select to Profiles dialog
Markus Kottlaender <markus@intevation.de>
parents: 2538
diff changeset
204
2701
e622689d73bd client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents: 2636
diff changeset
205 select.form-control-sm.small {
2540
3c17d401fbd4 client: cross profiles: moved waterlevel select to Profiles dialog
Markus Kottlaender <markus@intevation.de>
parents: 2538
diff changeset
206 padding: 0.25rem 0.1rem;
2879
c71b0c93e1a6 client: set fontsize for small fromcontrols relative to main fontsize
Markus Kottlaender <markus@intevation.de>
parents: 2840
diff changeset
207 font-size: 0.75rem;
2540
3c17d401fbd4 client: cross profiles: moved waterlevel select to Profiles dialog
Markus Kottlaender <markus@intevation.de>
parents: 2538
diff changeset
208 }
2605
11fd7ee37f10 overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents: 2549
diff changeset
209
2701
e622689d73bd client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents: 2636
diff changeset
210 input.form-control-sm.small {
e622689d73bd client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents: 2636
diff changeset
211 padding: 0.25rem 0.2rem;
2879
c71b0c93e1a6 client: set fontsize for small fromcontrols relative to main fontsize
Markus Kottlaender <markus@intevation.de>
parents: 2840
diff changeset
212 font-size: 0.75rem;
2701
e622689d73bd client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents: 2636
diff changeset
213 }
e622689d73bd client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents: 2636
diff changeset
214
2617
359f5f0037f5 client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents: 2605
diff changeset
215 .truncate {
359f5f0037f5 client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents: 2605
diff changeset
216 white-space: nowrap;
359f5f0037f5 client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents: 2605
diff changeset
217 overflow: hidden;
359f5f0037f5 client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents: 2605
diff changeset
218 text-overflow: ellipsis;
359f5f0037f5 client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents: 2605
diff changeset
219 }
2984
61f69e8919d3 client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents: 2927
diff changeset
220
61f69e8919d3 client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents: 2927
diff changeset
221 .wh-100 {
61f69e8919d3 client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents: 2927
diff changeset
222 width: 100% !important;
61f69e8919d3 client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents: 2927
diff changeset
223 height: 100% !important;
61f69e8919d3 client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents: 2927
diff changeset
224 }
3041
ccda334eed92 client: panes: improved panes rotation, works with pure css so that components don't need to be re-mounted
Markus Kottlaender <markus@intevation.de>
parents: 3026
diff changeset
225
ccda334eed92 client: panes: improved panes rotation, works with pure css so that components don't need to be re-mounted
Markus Kottlaender <markus@intevation.de>
parents: 3026
diff changeset
226 .wh-50 {
ccda334eed92 client: panes: improved panes rotation, works with pure css so that components don't need to be re-mounted
Markus Kottlaender <markus@intevation.de>
parents: 3026
diff changeset
227 width: 50% !important;
ccda334eed92 client: panes: improved panes rotation, works with pure css so that components don't need to be re-mounted
Markus Kottlaender <markus@intevation.de>
parents: 3026
diff changeset
228 height: 50% !important;
ccda334eed92 client: panes: improved panes rotation, works with pure css so that components don't need to be re-mounted
Markus Kottlaender <markus@intevation.de>
parents: 3026
diff changeset
229 }
3638
158d55ec2042 client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents: 3041
diff changeset
230
4774
1fd771b08ced import_overview: added 'changed' column
Thomas Junk <thomas.junk@intevation.de>
parents: 3638
diff changeset
231 .custom-control-input:checked ~ .custom-control-label::before {
5627
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
232 border-color: var(--color-info);
7768f14f6535 Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5156
diff changeset
233 background-color: var(--color-info);
3638
158d55ec2042 client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents: 3041
diff changeset
234 }