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
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 */
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
5176ea7fbc53 merge default in pdf-branch
Markus Kottlaender <markus@intevation.de>
parents: 2216 2145
diff changeset
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 }