codevdesign 2.0.15 → 2.0.17
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 +73 -15
- package/package.json +1 -1
package/assets/csqc.css
CHANGED
|
@@ -1,8 +1,72 @@
|
|
|
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
|
+
et n'applique plus son padding : l'enfant .conteneurLargeurMax fournit le sien
|
|
34
|
+
(évite le doublon de padding, notamment 12px en haut). */
|
|
35
|
+
.conteneurLargeur:has(.conteneurLargeurMax) {
|
|
36
|
+
background-color: transparent;
|
|
37
|
+
min-height: unset;
|
|
38
|
+
padding: 0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* Contenu pleine largeur viewport, s'échappe du conteneurLargeur */
|
|
42
|
+
.conteneurLargeurMax {
|
|
43
|
+
background-color: rgb(var(--v-theme-background));
|
|
44
|
+
margin-left: calc(50% - 50vw);
|
|
45
|
+
margin-right: calc(50% - 50vw);
|
|
46
|
+
min-height: 100vh;
|
|
47
|
+
padding-left: 24px; /* px-6 */
|
|
48
|
+
padding-right: 24px; /* px-6 */
|
|
49
|
+
padding-top: 12px; /* pt-3 */
|
|
50
|
+
width: 100vw;
|
|
51
|
+
}
|
|
2
52
|
|
|
53
|
+
/* csqcEntete pleine largeur viewport — contenu centré et limité via .v-toolbar__content */
|
|
54
|
+
.conteneurEntete {
|
|
55
|
+
margin-left: calc(50% - 50vw);
|
|
56
|
+
margin-right: calc(50% - 50vw);
|
|
57
|
+
width: 100vw;
|
|
58
|
+
}
|
|
59
|
+
.conteneurEntete .v-toolbar__content {
|
|
60
|
+
margin-inline: auto;
|
|
61
|
+
max-width: 1500px;
|
|
62
|
+
padding-inline: 32px;
|
|
63
|
+
}
|
|
64
|
+
.conteneurEntete .v-toolbar__content > div:last-child {
|
|
65
|
+
display: none;
|
|
66
|
+
}
|
|
3
67
|
/* titre design qc avec ligne orange*/
|
|
4
68
|
.headline {
|
|
5
|
-
color:
|
|
69
|
+
color: rgb(var(--v-theme-bleuFonce));
|
|
6
70
|
display: inline-block; /* largeur du texte */
|
|
7
71
|
font-weight: 600;
|
|
8
72
|
position: relative; /* pour positionner le ::after */
|
|
@@ -18,7 +82,7 @@
|
|
|
18
82
|
|
|
19
83
|
/* pour afficher une étoile après le label*/
|
|
20
84
|
.required:after {
|
|
21
|
-
color:
|
|
85
|
+
color: rgb(var(--v-theme-rouge));
|
|
22
86
|
content: ' *';
|
|
23
87
|
}
|
|
24
88
|
|
|
@@ -31,29 +95,29 @@
|
|
|
31
95
|
/*hauteur des boutons min... par défaut c'est 34*/
|
|
32
96
|
.BoutonCSQC {
|
|
33
97
|
border-radius: 4px;
|
|
34
|
-
min-height: 56px;
|
|
35
98
|
min-width: 112px !important;
|
|
36
99
|
}
|
|
37
100
|
|
|
38
101
|
.BoutonCSQCCompact {
|
|
39
102
|
border-radius: 4px;
|
|
40
|
-
min-height: 40px;
|
|
41
103
|
min-width: 80px !important;
|
|
42
104
|
}
|
|
43
105
|
|
|
44
106
|
.iconeHover:hover {
|
|
45
|
-
color:
|
|
107
|
+
color: rgb(var(--v-theme-primary));
|
|
46
108
|
}
|
|
47
109
|
|
|
48
110
|
/*goutière de 24px minimum entre les boutons compact*/
|
|
49
111
|
.v-application--is-ltr .v-card__actions > .v-btn.v-btn + .v-btn {
|
|
50
|
-
margin-left:
|
|
112
|
+
margin-left: 24px;
|
|
51
113
|
}
|
|
52
114
|
|
|
53
115
|
.Gouttiere {
|
|
54
|
-
margin-left:
|
|
116
|
+
margin-left: 24px;
|
|
117
|
+
}
|
|
118
|
+
.GouttiereStandard {
|
|
119
|
+
margin-left: 32px;
|
|
55
120
|
}
|
|
56
|
-
|
|
57
121
|
/*permet legend max width sans padding de container */
|
|
58
122
|
.maximumLargeur {
|
|
59
123
|
margin-left: auto;
|
|
@@ -66,12 +130,6 @@
|
|
|
66
130
|
cursor: pointer;
|
|
67
131
|
}
|
|
68
132
|
|
|
69
|
-
/*********************** Divers ********************/
|
|
70
|
-
.messageInfo {
|
|
71
|
-
font-size: smaller;
|
|
72
|
-
font-style: italic;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
133
|
/*********************** Overrride piv *******************/
|
|
76
134
|
@media screen and (min-width: 993px) {
|
|
77
135
|
#pivImage {
|
|
@@ -171,7 +229,7 @@ h6,
|
|
|
171
229
|
.h4,
|
|
172
230
|
.h5,
|
|
173
231
|
.h6 {
|
|
174
|
-
color:
|
|
232
|
+
color: rgb(var(--v-theme-bleuFonce));
|
|
175
233
|
font-style: normal;
|
|
176
234
|
font-weight: 600;
|
|
177
235
|
}
|