Blame view

webroot/css/responsive.css 5.05 KB
b2dade50   Prugniel   modifs Jeanne boo...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*CSS JEANNE*/

#header{
	padding: 10px 20px;
	border-bottom: 1px solid #CCC;
	margin-right: 0px;
	margin-left: 0px;
}
#header .user {
	padding-top: 0px;
}

#footer {
	clear: both;
c9ad82a7   Etienne Pallier   Filtre "age" FINA...
15
	/*padding: auto;*/
b2dade50   Prugniel   modifs Jeanne boo...
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
	text-align: left;
	border-top: 1px solid #CCC;
	margin-right: 0px;
	margin-left: 0px;
	align-self: center;
}

/*menu*/
#barre{
	width: auto;
	
}
#barre > form:nth-child(1){
	display: flex;
}
#police{
	font-style : normal;
}
.aligner{
	display: ruby-base;
	margin-top: 0.17em;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
}
ul, li {
	margin: 0 6px;
}
/*fin menu*/


section.row {
	text-align: center;
	align-items: center;
	padding-right: initial;
	padding-left: 25px;
}

div.form, div.index, div.view {
	border-left: none;
	width: 100%;
}

#cadre{
	background: #f0f0f0;
	padding: 15px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}


div.form, div.index, div.view {
	float: left;
}

/*boutons*/
09dddeb7   Etienne Pallier   Plein de petits b...
72
73
74
75
76
77
78

/* 
(EP 2020 03 09)
Jeanne avait fait ça mais c'est inutile et surtout incorrect
car les boutons changent de nombre (et de place)...
Donc par exemple, le bouton numero 6 n'est pas toujours le meme !!!

b2dade50   Prugniel   modifs Jeanne boo...
79
#boutons > a:nth-child(1) {
b2dade50   Prugniel   modifs Jeanne boo...
80
 display: inline-block;
09dddeb7   Etienne Pallier   Plein de petits b...
81
 margin-right: 20px;
b2dade50   Prugniel   modifs Jeanne boo...
82
83
84
 margin-bottom: 10px;
}
#boutons > a:nth-child(2) {
b2dade50   Prugniel   modifs Jeanne boo...
85
 display: inline-block;
09dddeb7   Etienne Pallier   Plein de petits b...
86
 margin-right: 20px;
b2dade50   Prugniel   modifs Jeanne boo...
87
88
89
 margin-bottom: 10px;
}
#boutons > a:nth-child(3) {
b2dade50   Prugniel   modifs Jeanne boo...
90
 display: inline-block;
09dddeb7   Etienne Pallier   Plein de petits b...
91
 margin-right: 20px;
b2dade50   Prugniel   modifs Jeanne boo...
92
93
94
 margin-bottom: 10px;
}
#boutons > a:nth-child(6) {
09dddeb7   Etienne Pallier   Plein de petits b...
95
 display:inline-block;
b2dade50   Prugniel   modifs Jeanne boo...
96
97
 margin-right: 20px;
 margin-top:10px;
b2dade50   Prugniel   modifs Jeanne boo...
98
99
100
 color:red
}
#boutons > a:nth-child(4) {
b2dade50   Prugniel   modifs Jeanne boo...
101
 display: inline-block;
09dddeb7   Etienne Pallier   Plein de petits b...
102
 margin-right: 10px;
b2dade50   Prugniel   modifs Jeanne boo...
103
104
105
 margin-bottom: 10px;
}
#boutons > a:nth-child(10) {
09dddeb7   Etienne Pallier   Plein de petits b...
106
 display: inline-block;
b2dade50   Prugniel   modifs Jeanne boo...
107
108
109
 margin-right: 10px;
 background: green;
 color: white;
09dddeb7   Etienne Pallier   Plein de petits b...
110
111
112
113
114
}
*/

/* (EP) Je propose plutot ceci par défaut pour tous les boutons */
#boutons > a {
b2dade50   Prugniel   modifs Jeanne boo...
115
 display: inline-block;
09dddeb7   Etienne Pallier   Plein de petits b...
116
117
 margin-right: 20px;
 margin-bottom: 10px;
b2dade50   Prugniel   modifs Jeanne boo...
118
}
09dddeb7   Etienne Pallier   Plein de petits b...
119
120


0d4cdf36   Etienne Pallier   Premiers bugfixes...
121
/* (EP 20200316 deactivated), inutile
b2dade50   Prugniel   modifs Jeanne boo...
122
123
124
125
#materiel_images > img:nth-child(1) {
 float: right;
 padding-top: 17px;
}
0d4cdf36   Etienne Pallier   Premiers bugfixes...
126
*/
b2dade50   Prugniel   modifs Jeanne boo...
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181


/* Élément | http://labinvent.test/materiels */

div.actions > p:nth-child(1) > a:nth-child(3) {
  display: inline-block;
  margin-bottom: 10px;
}

/* Élément | http://labinvent.test/materiels */

div.actions > p:nth-child(1) > a:nth-child(4) {
  display: inline-block;
  margin-bottom: 10px;
}

/* Élément | http://labinvent.test/materiels */

div.actions > p:nth-child(1) > a:nth-child(5) {
  display: inline-block;
  margin-bottom: 10px;
}

/* Élément | http://labinvent.test/materiels */

div.actions > p:nth-child(1) > a:nth-child(6) {
  display: inline-block;
  margin-bottom: 10px;
}

/* Élément | http://labinvent.test/materiels */

div.actions > p:nth-child(1) > a:nth-child(7) {
  display: inline-block;
  margin-bottom: 10px;
}


/* Élément | http://labinvent.test/materiels/index/CREATED */

div.actions > a:nth-child(2) {
  /* margin-right: 50px; */
  margin-right: 40px;
  display: inline-block;
  margin-bottom: 10px;
}

/* Élément | http://labinvent.test/materiels/index/CREATED */

div.actions > a:nth-child(3) {
  /* margin-right: 50px; */
  display: inline-block;
  margin-bottom: 10px;
}

4b529711   Etienne Pallier   6 gros bugfix de ...
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244




/* 
**************************************************************************************
(EP 2020 03)
Bugfixing bootstrap css
Ci-dessous,
je surcharge volontairement quelques règles de bootstrap
qui posent problème.
**************************************************************************************
*/

/*
******* PB1 : on ne voit plus les messages d'alerte Flash (erreur ou succes)
La feuille _transitions.scss (qui vient de je ne sais où,
voir peut-etre https://www.npmjs.com/package/bootstrap-scss)
ajoute cette règle qui empeche de voir les messages d'alerte Flash 
($this->Flash->error par exemple)
.fade:not(.show) {
	opacity: 0;
}
Je la remplace donc par ceci :
*/
.fade:not(.show) {
	opacity: 1;
}


/*
******* PB2 : Les messages d'erreur sur formulaire suite a une faute de saisie s'affichent mal
Voici la forme de div qu'il faut traiter par exemple (materiel inventoriable):
<div class="checkbox has-error">
	<input type="hidden" name="materiel_administratif" value="0"/>
	<label for="materiel-administratif">
	<input type="checkbox" name="materiel_administratif" value="1" id="materiel-administratif">Inventoriable (&gt;1000€)</label>
	<div class="help-block">
		Le matériel vaut plus de 1000€ HT, il est donc obligatoirement inventoriable.
	</div>
</div>
*/
/*form div .has-error {*/
form .has-error {
	background: #FFDACC; /* couleur de fond du champ en erreur (rouge clair) */
	color: #9E2424; /* couleur du texte du champ en erreur (rouge) */
	/* inutile
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	*/
	/* message d’erreur PAS en gras => mais c’est mieux en gras 
	text-shadow: none; 
	*/
}
/* space needed for error message display */
form .checkbox.has-error {
	/*height: 55px;*/
	height: auto;
}

8dff32eb   Etienne Pallier   Premiers bugfixes...
245
246
247
248
249
250
/* (EP 20200312) Pour que les boutons "Enregistrer" et "Annuler" soient alignés dans les formulaires (sur Chrome),
	on joue sur le bouton submit "Enregistrer"
*/
form div.submit {
	vertical-align:middle;
}