Mercurial > gemma
annotate client/src/assets/application.scss @ 5627:7768f14f6535 729-node-js-newer-version
Transformed scss variables into css custom properties
author | Luisa Beerboom <lbeerboom@intevation.de> |
---|---|
date | Tue, 09 May 2023 13:17:58 +0200 |
parents | 0897859b2f4a |
children |
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 */ |
2322
a25b4988eb0c
client: fixed usermanagement styles
Markus Kottlaender <markus@intevation.de>
parents:
2247
diff
changeset
|
15 @import "@/assets/tooltip.scss"; |
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 { |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5156
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 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
79 %fully-centered { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
80 position: absolute; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
81 top: 50%; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
82 left: 50%; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
83 transform: translate(-50%, -50%); |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
84 } |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
85 |
1620
2e4ec4251c57
refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents:
1500
diff
changeset
|
86 .header { |
2e4ec4251c57
refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents:
1500
diff
changeset
|
87 font-weight: bold; |
2e4ec4251c57
refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents:
1500
diff
changeset
|
88 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
|
89 } |
2e4ec4251c57
refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents:
1500
diff
changeset
|
90 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
91 .ui-element { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
92 pointer-events: auto; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
93 } |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
94 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
95 .shadow-xs { |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5156
diff
changeset
|
96 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
|
97 } |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
98 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
99 .box { |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5156
diff
changeset
|
100 opacity: var(--slight-transparent); |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
101 max-height: 0; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
102 max-width: 0; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
103 overflow: hidden; |
2122
2cec685c6519
show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents:
1820
diff
changeset
|
104 margin: 0; |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5156
diff
changeset
|
105 box-shadow: var(--shadow-xs); |
2122
2cec685c6519
show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents:
1820
diff
changeset
|
106 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
|
107 } |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
108 |
1274
dc3fb8ad8f86
further improved box header style
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
109 .box h6, |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
110 .contextbox h6 { |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5156
diff
changeset
|
111 color: var(--color-info); |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
112 font-weight: bold; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
113 } |
1274
dc3fb8ad8f86
further improved box header style
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
114 |
2837
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
115 .box-control { |
3026
619f03a0062a
client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents:
2984
diff
changeset
|
116 display: flex; |
2837
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
117 color: #888; |
3026
619f03a0062a
client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents:
2984
diff
changeset
|
118 padding: 4px 7px; |
2837
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
119 border-radius: 0.25rem; |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
120 cursor: pointer; |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
121 transition: background-color 0.3s, color 0.3s; |
3026
619f03a0062a
client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents:
2984
diff
changeset
|
122 &.small { |
619f03a0062a
client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents:
2984
diff
changeset
|
123 padding: 4px; |
619f03a0062a
client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents:
2984
diff
changeset
|
124 } |
2837
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
125 &:hover { |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
126 color: #666; |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
127 background-color: #eee; |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
128 } |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
129 } |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
130 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
131 .expanded { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
132 max-height: 999px; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
133 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
|
134 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
|
135 } |
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
136 |
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
137 .box-body { |
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
138 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
|
139 text-align: left; |
2538
29eb15039d0d
client: fixed Profile box loading animation
Markus Kottlaender <markus@intevation.de>
parents:
2534
diff
changeset
|
140 position: relative; |
2122
2cec685c6519
show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents:
1820
diff
changeset
|
141 } |
2cec685c6519
show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents:
1820
diff
changeset
|
142 |
1426
acb4e493775e
client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents:
1420
diff
changeset
|
143 // 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
|
144 // 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
|
145 // use like |
acb4e493775e
client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents:
1420
diff
changeset
|
146 // <a href="..">link</a> |
acb4e493775e
client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents:
1420
diff
changeset
|
147 // <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
|
148 // |
acb4e493775e
client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents:
1420
diff
changeset
|
149 // 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
|
150 .fix-trans-space, |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
151 .fix-trans-space:before { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
152 content: " "; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
153 } |
1455
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 .closebutton { |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
156 position: absolute; |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5156
diff
changeset
|
157 right: var(--offset); |
1455
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
158 } |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
159 |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
160 .headline { |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
161 font-weight: bold; |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
162 } |
2145
ba43b29e8694
agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents:
2122
diff
changeset
|
163 |
2437
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
164 .fade-enter-active, |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
165 .fade-leave-active { |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
166 transition: opacity 0.3s; |
2216
585373d33f8f
prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents:
2122
diff
changeset
|
167 } |
2437
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
168 .fade-enter, |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
169 .fade-leave-to { |
2216
585373d33f8f
prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents:
2122
diff
changeset
|
170 opacity: 0; |
585373d33f8f
prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents:
2122
diff
changeset
|
171 } |
2224 | 172 |
2145
ba43b29e8694
agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents:
2122
diff
changeset
|
173 .pointer { |
ba43b29e8694
agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents:
2122
diff
changeset
|
174 cursor: pointer; |
ba43b29e8694
agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents:
2122
diff
changeset
|
175 } |
2330
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
176 |
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
177 .btn:disabled, |
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
178 .btn.disabled { |
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
179 opacity: 0.4; |
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
180 } |
2461
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
181 |
2636
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
182 .btn-xs { |
4774
1fd771b08ced
import_overview: added 'changed' column
Thomas Junk <thomas.junk@intevation.de>
parents:
3638
diff
changeset
|
183 padding: 0.3rem 0.4rem; |
1fd771b08ced
import_overview: added 'changed' column
Thomas Junk <thomas.junk@intevation.de>
parents:
3638
diff
changeset
|
184 font-size: 0.75rem; |
2636
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
185 line-height: 1; |
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
186 } |
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
187 |
2461
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
188 .snotifyToast { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
189 text-align: left; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
190 border-radius: 0.25rem; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
191 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
|
192 border-left: 0 !important; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
193 &.snotify-info { |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5156
diff
changeset
|
194 border-top: 4px solid var(--color-info); |
2461
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
195 .snotify-icon--info { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
196 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"); |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
197 } |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
198 } |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
199 &.snotify-error { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
200 border-top: 4px solid #f44336; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
201 } |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
202 .snotifyToast__title { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
203 font-size: 1.2rem; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
204 } |
5156
0897859b2f4a
fix toast css. Respect newlines in messages
Thomas Junk <thomas.junk@intevation.de>
parents:
4981
diff
changeset
|
205 .snotifyToast__body { |
0897859b2f4a
fix toast css. Respect newlines in messages
Thomas Junk <thomas.junk@intevation.de>
parents:
4981
diff
changeset
|
206 white-space: pre-line; |
0897859b2f4a
fix toast css. Respect newlines in messages
Thomas Junk <thomas.junk@intevation.de>
parents:
4981
diff
changeset
|
207 } |
2461
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
208 } |
2540
3c17d401fbd4
client: cross profiles: moved waterlevel select to Profiles dialog
Markus Kottlaender <markus@intevation.de>
parents:
2538
diff
changeset
|
209 |
2701
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
210 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
|
211 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
|
212 font-size: 0.75rem; |
2540
3c17d401fbd4
client: cross profiles: moved waterlevel select to Profiles dialog
Markus Kottlaender <markus@intevation.de>
parents:
2538
diff
changeset
|
213 } |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2549
diff
changeset
|
214 |
2701
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
215 input.form-control-sm.small { |
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
216 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
|
217 font-size: 0.75rem; |
2701
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
218 } |
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
219 |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
220 .truncate { |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
221 white-space: nowrap; |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
222 overflow: hidden; |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
223 text-overflow: ellipsis; |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
224 } |
2984
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
225 |
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
226 .wh-100 { |
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
227 width: 100% !important; |
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
228 height: 100% !important; |
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
229 } |
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
|
230 |
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
|
231 .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
|
232 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
|
233 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
|
234 } |
3638
158d55ec2042
client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents:
3041
diff
changeset
|
235 |
4774
1fd771b08ced
import_overview: added 'changed' column
Thomas Junk <thomas.junk@intevation.de>
parents:
3638
diff
changeset
|
236 .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
|
237 border-color: var(--color-info); |
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5156
diff
changeset
|
238 background-color: var(--color-info); |
3638
158d55ec2042
client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents:
3041
diff
changeset
|
239 } |