annotate client/src/assets/application.scss @ 2216:585373d33f8f pdf-export

prepared pdf template administration prepared UI, connected to vuex store, backend still missing
author Markus Kottlaender <markus@intevation.de>
date Thu, 07 Feb 2019 15:14:40 +0100
parents 2cec685c6519
children 5176ea7fbc53
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 */
1368
d1d8c7bd16a1 switched from vue2-toastr to vue-snotify
Thomas Junk <thomas.junk@intevation.de>
parents: 1362
diff changeset
15
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
16 $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
17 $border-radius: 0.25rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
18 $icon-height: 2rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
19 $icon-width: 2rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
20 $large-offset: 2rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
21 $offset: 1rem;
1753
68bd990dd8e5 feat: added import dialogs for approved gauge meas. and waterway profiles
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
22 $sidebar-width: 21rem;
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
23 $slight-transparent: 0.96;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
24 $small-offset: 0.5rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
25 $smaller: 0.9rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
26 $transition-fast: 0.3s;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
27 $x-large-offset: 3rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
28 $xx-large-offset: 5rem;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
29 $color-info: #17a2b8;
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30
1820
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
31 ::placeholder {
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
32 color: #ccc !important;
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
33 font-size: smaller;
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
34 font-weight: bold;
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
35 }
ba24a6e3e64d placeholder styling
Thomas Junk <thomas.junk@intevation.de>
parents: 1753
diff changeset
36
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
37 a {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
38 color: $color-info;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
39 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
40
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
41 a:hover,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
42 a:active,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
43 a:focus {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
44 color: darken($color-info, 13);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
45 }
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
46
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
47 .w-90 {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
48 width: 90%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
49 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
50
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
51 .w-95 {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
52 width: 95%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
53 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
54
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
55 .debug {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
56 border: 1px solid red;
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 %fully-centered {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
60 position: absolute;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
61 top: 50%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
62 left: 50%;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
63 transform: translate(-50%, -50%);
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
64 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
65
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
66 .header {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
67 font-weight: bold;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
68 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
69 }
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1500
diff changeset
70
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
71 .ui-element {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
72 pointer-events: auto;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
73 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
74
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
75 .shadow-xs {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
76 box-shadow: $shadow-xs;
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
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
79 .box {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
80 opacity: $slight-transparent;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
81 max-height: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
82 max-width: 0;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
83 overflow: hidden;
2122
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
84 margin: 0;
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
85 box-shadow: $shadow-xs;
2122
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
86 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
87 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
88
1274
dc3fb8ad8f86 further improved box header style
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
89 .box h6,
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
90 .contextbox h6 {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
91 color: $color-info;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
92 font-weight: bold;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
93 }
1274
dc3fb8ad8f86 further improved box header style
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
94
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
95 .expanded {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
96 max-height: 999px;
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
97 max-width: 999px;
2122
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
98 margin: 0 0.5rem 1rem 0.5rem;
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
99 }
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
100
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
101 .popup {
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
102 width: 300px;
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
103 max-width: 300px;
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
104 @extend %fully-centered;
2122
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
105 }
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
106
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
107 .popup.show {
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
108 margin: 0.5rem 0 0 0;
2122
2cec685c6519 show confirm dialog when deleting user
Markus Kottlaender <markus@intevation.de>
parents: 1820
diff changeset
109 max-height: 999px;
1448
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
110 }
1426
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
111
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
112 // 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
113 // 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
114 // use like
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
115 // <a href="..">link</a>
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
116 // <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
117 //
acb4e493775e client: add way to fix lost leading whitespaces in translations
Bernhard Reiter <bernhard@intevation.de>
parents: 1420
diff changeset
118 // 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
119 .fix-trans-space,
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
120 .fix-trans-space:before {
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
121 content: " ";
ef388dcbb946 refac: reverting unecessary port from scss to sass
Thomas Junk <thomas.junk@intevation.de>
parents: 1426
diff changeset
122 }
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
123
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
124 .closebutton {
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
125 position: absolute;
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
126 right: $offset;
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
127 }
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
128
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
129 .headline {
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
130 font-weight: bold;
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1448
diff changeset
131 }
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
132
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
133 .list-fade-enter-active, .list-fade-leave-active {
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
134 transition: transform .3s;
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
135 }
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
136 .list-fade-enter, .list-fade-leave-to {
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
137 opacity: 0;
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
138 transform: translateY(20px);
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2122
diff changeset
139 }