codevdesign 2.0.15 → 2.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/csqc.css +70 -15
- package/package.json +1 -1
package/assets/csqc.css
CHANGED
|
@@ -1,8 +1,69 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
+
/* Largeur maximale : contenu principal, entête et menu */
|
|
3
|
+
.conteneurLargeur,
|
|
4
|
+
.barre-entete .v-toolbar__content,
|
|
5
|
+
.barre-menu .v-toolbar__content {
|
|
6
|
+
margin-inline: auto;
|
|
7
|
+
max-width: 1500px;
|
|
8
|
+
width: 100%;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* Fond gris dans les marges latérales au-delà du conteneur */
|
|
12
|
+
.v-main,
|
|
13
|
+
.barre-footer {
|
|
14
|
+
background-color: rgb(var(--v-theme-surface));
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.v-main {
|
|
18
|
+
border-top: 1px solid rgba(255, 255, 255, 0.15);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
.conteneurLargeur {
|
|
23
|
+
background-color: rgb(var(--v-theme-background));
|
|
24
|
+
margin-bottom: 0; /* mb-0 */
|
|
25
|
+
min-height: 100%;
|
|
26
|
+
padding-bottom: 0; /* pb-0 */
|
|
27
|
+
padding-left: 24px; /* px-6 */
|
|
28
|
+
padding-right: 24px; /* px-6 */
|
|
29
|
+
padding-top: 12px; /* pt-3 */
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/* Quand la page utilise pleine largeur, le parent devient transparent */
|
|
33
|
+
.conteneurLargeur:has(.conteneurLargeurMax) {
|
|
34
|
+
background-color: transparent;
|
|
35
|
+
min-height: unset;
|
|
36
|
+
}
|
|
2
37
|
|
|
38
|
+
/* Contenu pleine largeur viewport, s'échappe du conteneurLargeur */
|
|
39
|
+
.conteneurLargeurMax {
|
|
40
|
+
background-color: rgb(var(--v-theme-background));
|
|
41
|
+
margin-left: calc(50% - 50vw);
|
|
42
|
+
margin-right: calc(50% - 50vw);
|
|
43
|
+
min-height: 100vh;
|
|
44
|
+
padding-left: 24px; /* px-6 */
|
|
45
|
+
padding-right: 24px; /* px-6 */
|
|
46
|
+
padding-top: 12px; /* pt-3 */
|
|
47
|
+
width: 100vw;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* csqcEntete pleine largeur viewport — contenu centré et limité via .v-toolbar__content */
|
|
51
|
+
.conteneurEntete {
|
|
52
|
+
margin-left: calc(50% - 50vw);
|
|
53
|
+
margin-right: calc(50% - 50vw);
|
|
54
|
+
width: 100vw;
|
|
55
|
+
}
|
|
56
|
+
.conteneurEntete .v-toolbar__content {
|
|
57
|
+
margin-inline: auto;
|
|
58
|
+
max-width: 1500px;
|
|
59
|
+
padding-inline: 32px;
|
|
60
|
+
}
|
|
61
|
+
.conteneurEntete .v-toolbar__content > div:last-child {
|
|
62
|
+
display: none;
|
|
63
|
+
}
|
|
3
64
|
/* titre design qc avec ligne orange*/
|
|
4
65
|
.headline {
|
|
5
|
-
color:
|
|
66
|
+
color: rgb(var(--v-theme-bleuFonce));
|
|
6
67
|
display: inline-block; /* largeur du texte */
|
|
7
68
|
font-weight: 600;
|
|
8
69
|
position: relative; /* pour positionner le ::after */
|
|
@@ -18,7 +79,7 @@
|
|
|
18
79
|
|
|
19
80
|
/* pour afficher une étoile après le label*/
|
|
20
81
|
.required:after {
|
|
21
|
-
color:
|
|
82
|
+
color: rgb(var(--v-theme-rouge));
|
|
22
83
|
content: ' *';
|
|
23
84
|
}
|
|
24
85
|
|
|
@@ -31,29 +92,29 @@
|
|
|
31
92
|
/*hauteur des boutons min... par défaut c'est 34*/
|
|
32
93
|
.BoutonCSQC {
|
|
33
94
|
border-radius: 4px;
|
|
34
|
-
min-height: 56px;
|
|
35
95
|
min-width: 112px !important;
|
|
36
96
|
}
|
|
37
97
|
|
|
38
98
|
.BoutonCSQCCompact {
|
|
39
99
|
border-radius: 4px;
|
|
40
|
-
min-height: 40px;
|
|
41
100
|
min-width: 80px !important;
|
|
42
101
|
}
|
|
43
102
|
|
|
44
103
|
.iconeHover:hover {
|
|
45
|
-
color:
|
|
104
|
+
color: rgb(var(--v-theme-primary));
|
|
46
105
|
}
|
|
47
106
|
|
|
48
107
|
/*goutière de 24px minimum entre les boutons compact*/
|
|
49
108
|
.v-application--is-ltr .v-card__actions > .v-btn.v-btn + .v-btn {
|
|
50
|
-
margin-left:
|
|
109
|
+
margin-left: 24px;
|
|
51
110
|
}
|
|
52
111
|
|
|
53
112
|
.Gouttiere {
|
|
54
|
-
margin-left:
|
|
113
|
+
margin-left: 24px;
|
|
114
|
+
}
|
|
115
|
+
.GouttiereStandard {
|
|
116
|
+
margin-left: 32px;
|
|
55
117
|
}
|
|
56
|
-
|
|
57
118
|
/*permet legend max width sans padding de container */
|
|
58
119
|
.maximumLargeur {
|
|
59
120
|
margin-left: auto;
|
|
@@ -66,12 +127,6 @@
|
|
|
66
127
|
cursor: pointer;
|
|
67
128
|
}
|
|
68
129
|
|
|
69
|
-
/*********************** Divers ********************/
|
|
70
|
-
.messageInfo {
|
|
71
|
-
font-size: smaller;
|
|
72
|
-
font-style: italic;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
130
|
/*********************** Overrride piv *******************/
|
|
76
131
|
@media screen and (min-width: 993px) {
|
|
77
132
|
#pivImage {
|
|
@@ -171,7 +226,7 @@ h6,
|
|
|
171
226
|
.h4,
|
|
172
227
|
.h5,
|
|
173
228
|
.h6 {
|
|
174
|
-
color:
|
|
229
|
+
color: rgb(var(--v-theme-bleuFonce));
|
|
175
230
|
font-style: normal;
|
|
176
231
|
font-weight: 600;
|
|
177
232
|
}
|