Mercurial > gemma
annotate client/src/assets/application.scss @ 3902:0149b68a4f7e
client: hydrological conditions diagram: added right y axis
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 10 Jul 2019 16:15:27 +0200 |
parents | 158d55ec2042 |
children | 1fd771b08ced |
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 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
17 $shadow-xs: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2); |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
18 $border-radius: 0.25rem; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
19 $icon-height: 2rem; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
20 $icon-width: 2rem; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
21 $large-offset: 2rem; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
22 $offset: 1rem; |
2534
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
23 $sidebar-width: 16rem; |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
24 $slight-transparent: 0.96; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
25 $small-offset: 0.5rem; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
26 $smaller: 0.9rem; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
27 $transition-fast: 0.3s; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
28 $x-large-offset: 3rem; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
29 $xx-large-offset: 5rem; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
30 $color-info: #17a2b8; |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
31 |
1820
ba24a6e3e64d
placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents:
1753
diff
changeset
|
32 ::placeholder { |
ba24a6e3e64d
placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents:
1753
diff
changeset
|
33 color: #ccc !important; |
ba24a6e3e64d
placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents:
1753
diff
changeset
|
34 font-size: smaller; |
ba24a6e3e64d
placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents:
1753
diff
changeset
|
35 font-weight: bold; |
ba24a6e3e64d
placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents:
1753
diff
changeset
|
36 } |
ba24a6e3e64d
placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents:
1753
diff
changeset
|
37 |
2549
9bf6b767a56a
client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2540
diff
changeset
|
38 html { |
9bf6b767a56a
client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2540
diff
changeset
|
39 overflow: hidden; |
9bf6b767a56a
client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2540
diff
changeset
|
40 } |
9bf6b767a56a
client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2540
diff
changeset
|
41 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
42 a { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
43 color: $color-info; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
44 } |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
45 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
46 a:hover, |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
47 a:active, |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
48 a:focus { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
49 color: darken($color-info, 13); |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
50 } |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
51 |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
52 .w-90 { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
53 width: 90%; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
54 } |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
55 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
56 .w-95 { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
57 width: 95%; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
58 } |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
59 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
60 .debug { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
61 border: 1px solid red; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
62 } |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
63 |
2437
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
64 .debug2 { |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
65 border: 1px solid magenta; |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
66 } |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
67 |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
68 .debug3 { |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
69 border: 1px solid greenyellow; |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
70 } |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
71 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
72 %fully-centered { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
73 position: absolute; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
74 top: 50%; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
75 left: 50%; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
76 transform: translate(-50%, -50%); |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
77 } |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
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 { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
89 box-shadow: $shadow-xs; |
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 { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
93 opacity: $slight-transparent; |
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; |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
98 box-shadow: $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 { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
104 color: $color-info; |
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; |
3026
619f03a0062a
client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents:
2984
diff
changeset
|
115 &.small { |
619f03a0062a
client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents:
2984
diff
changeset
|
116 padding: 4px; |
619f03a0062a
client: adjusted box control's style
Markus Kottlaender <markus@intevation.de>
parents:
2984
diff
changeset
|
117 } |
2837
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
118 &:hover { |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
119 color: #666; |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
120 background-color: #eee; |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
121 } |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
122 } |
61aacfd02812
client: added collapsible legend component for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2740
diff
changeset
|
123 |
1448
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
124 .expanded { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
125 max-height: 999px; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
126 max-width: 999px; |
2534
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
127 margin: 0 0.25rem 0.5rem 0.25rem; |
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
128 } |
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
129 |
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
130 .box-body { |
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
2461
diff
changeset
|
131 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
|
132 text-align: left; |
2538
29eb15039d0d
client: fixed Profile box loading animation
Markus Kottlaender <markus@intevation.de>
parents:
2534
diff
changeset
|
133 position: relative; |
2122
2cec685c6519
show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents:
1820
diff
changeset
|
134 } |
2cec685c6519
show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents:
1820
diff
changeset
|
135 |
1426
acb4e493775e
client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents:
1420
diff
changeset
|
136 // 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
|
137 // 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
|
138 // use like |
acb4e493775e
client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents:
1420
diff
changeset
|
139 // <a href="..">link</a> |
acb4e493775e
client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents:
1420
diff
changeset
|
140 // <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
|
141 // |
acb4e493775e
client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents:
1420
diff
changeset
|
142 // 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
|
143 .fix-trans-space, |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
144 .fix-trans-space:before { |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
145 content: " "; |
ef388dcbb946
refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents:
1426
diff
changeset
|
146 } |
1455
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
147 |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
148 .closebutton { |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
149 position: absolute; |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
150 right: $offset; |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
151 } |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
152 |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
153 .headline { |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
154 font-weight: bold; |
33dda08d67be
unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents:
1448
diff
changeset
|
155 } |
2145
ba43b29e8694
agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents:
2122
diff
changeset
|
156 |
2437
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
157 .fade-enter-active, |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
158 .fade-leave-active { |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
159 transition: opacity 0.3s; |
2216
585373d33f8f
prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents:
2122
diff
changeset
|
160 } |
2437
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
161 .fade-enter, |
5c094ab6aa5b
more css debugging styles
Thomas Junk <thomas.junk@intevation.de>
parents:
2384
diff
changeset
|
162 .fade-leave-to { |
2216
585373d33f8f
prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents:
2122
diff
changeset
|
163 opacity: 0; |
585373d33f8f
prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents:
2122
diff
changeset
|
164 } |
2224 | 165 |
2145
ba43b29e8694
agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents:
2122
diff
changeset
|
166 .pointer { |
ba43b29e8694
agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents:
2122
diff
changeset
|
167 cursor: pointer; |
ba43b29e8694
agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents:
2122
diff
changeset
|
168 } |
2330
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
169 |
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
170 .btn:disabled, |
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
171 .btn.disabled { |
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
172 opacity: 0.4; |
7b79d4966a87
client: unified buttons styles in tables
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
173 } |
2461
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
174 |
2636
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
175 .btn-xs { |
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
176 padding: .3rem 0.4rem; |
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
177 font-size: .75rem; |
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
178 line-height: 1; |
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
179 } |
ef718ac7697d
client: css: added btn-xs class
Markus Kottlaender <markus@intevation.de>
parents:
2617
diff
changeset
|
180 |
2461
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
181 .snotifyToast { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
182 text-align: left; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
183 border-radius: 0.25rem; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
184 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
|
185 border-left: 0 !important; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
186 &.snotify-info { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
187 border-top: 4px solid $color-info; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
188 .snotify-icon--info { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
189 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
|
190 } |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
191 } |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
192 &.snotify-error { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
193 border-top: 4px solid #f44336; |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
194 } |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
195 .snotifyToast__title { |
b60efa7d4cee
client: adjusted notification style
Markus Kottlaender <markus@intevation.de>
parents:
2437
diff
changeset
|
196 font-size: 1.2rem; |
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 } |
2540
3c17d401fbd4
client: cross profiles: moved waterlevel select to Profiles dialog
Markus Kottlaender <markus@intevation.de>
parents:
2538
diff
changeset
|
199 |
2701
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
200 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
|
201 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
|
202 font-size: 0.75rem; |
2540
3c17d401fbd4
client: cross profiles: moved waterlevel select to Profiles dialog
Markus Kottlaender <markus@intevation.de>
parents:
2538
diff
changeset
|
203 } |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2549
diff
changeset
|
204 |
2701
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
205 input.form-control-sm.small { |
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
206 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
|
207 font-size: 0.75rem; |
2701
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
208 } |
e622689d73bd
client: waterlevel diagram: use endpoint
Markus Kottlaender <markus@intevation.de>
parents:
2636
diff
changeset
|
209 |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
210 .truncate { |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
211 white-space: nowrap; |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
212 overflow: hidden; |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
213 text-overflow: ellipsis; |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2605
diff
changeset
|
214 } |
2984
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
215 |
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
216 .wh-100 { |
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
217 width: 100% !important; |
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
218 height: 100% !important; |
61f69e8919d3
client: prepared splitview
Markus Kottlaender <markus@intevation.de>
parents:
2927
diff
changeset
|
219 } |
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
|
220 |
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
|
221 .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
|
222 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
|
223 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
|
224 } |
3638
158d55ec2042
client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents:
3041
diff
changeset
|
225 |
158d55ec2042
client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents:
3041
diff
changeset
|
226 .custom-control-input:checked~.custom-control-label::before { |
158d55ec2042
client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents:
3041
diff
changeset
|
227 border-color: $color-info; |
158d55ec2042
client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents:
3041
diff
changeset
|
228 background-color: $color-info; |
158d55ec2042
client: css: adjusted color of cutom checkbox
Markus Kottlaender <markus@intevation.de>
parents:
3041
diff
changeset
|
229 } |