|
Lines 52-59
fieldset {
Link Here
|
| 52 |
} |
52 |
} |
| 53 |
|
53 |
|
| 54 |
.btn-default { |
54 |
.btn-default { |
| 55 |
border: 1px solid #aaa; |
55 |
border: 1px solid #AAA; |
| 56 |
border-radius: 0.375rem; |
56 |
border-radius: .375rem; |
| 57 |
height: calc( 1.5em + .75rem + 2px ); |
57 |
height: calc( 1.5em + .75rem + 2px ); |
| 58 |
padding: .375rem .75rem; |
58 |
padding: .375rem .75rem; |
| 59 |
} |
59 |
} |
|
Lines 75-80
fieldset {
Link Here
|
| 75 |
.fg-label { |
75 |
.fg-label { |
| 76 |
grid-column: 2 / 3; |
76 |
grid-column: 2 / 3; |
| 77 |
grid-row: 1 / 2; |
77 |
grid-row: 1 / 2; |
|
|
78 |
justify-self: left; |
| 79 |
text-align: left; |
| 78 |
} |
80 |
} |
| 79 |
|
81 |
|
| 80 |
.fg-input, |
82 |
.fg-input, |
|
Lines 83-89
fieldset {
Link Here
|
| 83 |
} |
85 |
} |
| 84 |
|
86 |
|
| 85 |
.hint { |
87 |
.hint { |
| 86 |
grid-column: 2 / 3; |
88 |
grid-row: 2 / 3; |
| 87 |
} |
89 |
} |
| 88 |
} |
90 |
} |
| 89 |
|
91 |
|
|
Lines 101-110
fieldset {
Link Here
|
| 101 |
width: 100%; |
103 |
width: 100%; |
| 102 |
} |
104 |
} |
| 103 |
|
105 |
|
| 104 |
input[type="text"]{ |
106 |
input[type="text"] { |
| 105 |
&.readonly, |
107 |
&.readonly, |
| 106 |
&:read-only { |
108 |
&:read-only { |
| 107 |
background: #EEE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='currentColor'%3E%3Cpath d='M6.5 1.371c.962 0 1.742.78 1.742 1.742v1.549H4.758V3.113c0-.962.78-1.742 1.742-1.742m2.613 5.226V3.113c0-3.484-5.226-3.484-5.226 0v1.549c-.962 0-1.742.78-1.742 1.741v4.355c0 .962.78 1.742 1.742 1.742h5.226c.962 0 1.742-.78 1.742-1.742V6.403c0-.962-.78-1.741-1.742-1.741' style='fill:%23838383'/%3E%3C/svg%3E") 1% 50% no-repeat; |
109 |
background: #EEE url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='currentColor'%3E%3Cpath d='M6.5 1.371c.962 0 1.742.78 1.742 1.742v1.549H4.758V3.113c0-.962.78-1.742 1.742-1.742m2.613 5.226V3.113c0-3.484-5.226-3.484-5.226 0v1.549c-.962 0-1.742.78-1.742 1.741v4.355c0 .962.78 1.742 1.742 1.742h5.226c.962 0 1.742-.78 1.742-1.742V6.403c0-.962-.78-1.741-1.742-1.741' style='fill:%23838383'/%3E%3C/svg%3E" ) 1% 50% no-repeat; |
| 108 |
border-style: inset; |
110 |
border-style: inset; |
| 109 |
border-width: 1px; |
111 |
border-width: 1px; |
| 110 |
cursor: default; |
112 |
cursor: default; |
|
Lines 157-165
fieldset {
Link Here
|
| 157 |
} |
159 |
} |
| 158 |
} |
160 |
} |
| 159 |
|
161 |
|
| 160 |
.form-control[type="file"]{ |
162 |
.form-control[type="file"] { |
| 161 |
background-color: #FFF; |
163 |
background-color: #FFF; |
| 162 |
border: 1px solid #aaa; |
164 |
border: 1px solid #AAA; |
| 163 |
display: inline-block; |
165 |
display: inline-block; |
| 164 |
width: 80%; |
166 |
width: 80%; |
| 165 |
} |
167 |
} |
|
Lines 171-187
fieldset {
Link Here
|
| 171 |
grid-template-columns: 25% 50% 15%; |
173 |
grid-template-columns: 25% 50% 15%; |
| 172 |
grid-template-rows: 1fr min-content; |
174 |
grid-template-rows: 1fr min-content; |
| 173 |
|
175 |
|
|
|
176 |
.fg-label { |
| 177 |
justify-self: right; |
| 178 |
text-align: right; |
| 179 |
} |
| 180 |
|
| 174 |
.fg-input, |
181 |
.fg-input, |
| 175 |
.fg-text { |
182 |
.fg-text { |
| 176 |
grid-column-start: 2; |
183 |
grid-column-start: 2; |
| 177 |
} |
184 |
} |
| 178 |
|
185 |
|
| 179 |
&.input-md { |
186 |
&.input-md { |
| 180 |
grid-template-columns: 25% 30% 15% |
187 |
grid-template-columns: 25% 30% 15%; |
| 181 |
} |
188 |
} |
| 182 |
|
189 |
|
| 183 |
&.input-sm { |
190 |
&.input-sm { |
| 184 |
grid-template-columns: 25% 15% 15% |
191 |
grid-template-columns: 25% 15% 15%; |
| 185 |
} |
192 |
} |
| 186 |
|
193 |
|
| 187 |
&.wide { |
194 |
&.wide { |
|
Lines 189-204
fieldset {
Link Here
|
| 189 |
} |
196 |
} |
| 190 |
|
197 |
|
| 191 |
&.input-checkbox { |
198 |
&.input-checkbox { |
|
|
199 |
display: grid; |
| 192 |
grid-template-columns: 25% 1.5rem 65%; |
200 |
grid-template-columns: 25% 1.5rem 65%; |
| 193 |
|
201 |
|
| 194 |
.fg-label, |
202 |
.fg-label { |
| 195 |
.fg-input { |
203 |
grid-column: 3 / 4; |
| 196 |
grid-column: unset; |
204 |
grid-row: 1 / 2; |
|
|
205 |
justify-self: left; |
| 206 |
text-align: left; |
| 207 |
} |
| 208 |
|
| 209 |
.fg-input, |
| 210 |
.fg-text { |
| 211 |
grid-column: 2 / 3; |
| 197 |
} |
212 |
} |
| 198 |
|
213 |
|
| 199 |
.hint { |
214 |
.hint { |
| 200 |
grid-column-end: unset; |
215 |
grid-column: 3 / 4; |
| 201 |
grid-column-start: unset; |
|
|
| 202 |
} |
216 |
} |
| 203 |
} |
217 |
} |
| 204 |
|
218 |
|
|
Lines 207-217
fieldset {
Link Here
|
| 207 |
width: calc( 100% - 20px ); |
221 |
width: calc( 100% - 20px ); |
| 208 |
} |
222 |
} |
| 209 |
} |
223 |
} |
| 210 |
|
|
|
| 211 |
.fg-label { |
| 212 |
justify-self: right; |
| 213 |
text-align: right; |
| 214 |
} |
| 215 |
} |
224 |
} |
| 216 |
|
225 |
|
| 217 |
@container form-grid ( width > 1700px ) { |
226 |
@container form-grid ( width > 1700px ) { |
|
Lines 219-229
fieldset {
Link Here
|
| 219 |
grid-template-columns: 20% 35% 15%; |
228 |
grid-template-columns: 20% 35% 15%; |
| 220 |
|
229 |
|
| 221 |
&.input-md { |
230 |
&.input-md { |
| 222 |
grid-template-columns: 20% 30% 25% |
231 |
grid-template-columns: 20% 30% 25%; |
| 223 |
} |
232 |
} |
| 224 |
|
233 |
|
| 225 |
&.input-sm { |
234 |
&.input-sm { |
| 226 |
grid-template-columns: 20% 15% 25% |
235 |
grid-template-columns: 20% 15% 25%; |
| 227 |
} |
236 |
} |
| 228 |
|
237 |
|
| 229 |
&.wide { |
238 |
&.wide { |
|
Lines 235-242
fieldset {
Link Here
|
| 235 |
.hint { |
244 |
.hint { |
| 236 |
color: #666; |
245 |
color: #666; |
| 237 |
font-size: 95%; |
246 |
font-size: 95%; |
| 238 |
grid-column-end: 4; |
247 |
grid-column: 4 / 2; |
| 239 |
grid-column-start: 2; |
|
|
| 240 |
margin: .3rem 0; |
248 |
margin: .3rem 0; |
| 241 |
} |
249 |
} |
| 242 |
} |
250 |
} |
|
Lines 402-413
fieldset {
Link Here
|
| 402 |
width: auto; |
410 |
width: auto; |
| 403 |
|
411 |
|
| 404 |
span { |
412 |
span { |
| 405 |
margin-left:5px; |
413 |
margin-left: 5px; |
| 406 |
width:auto; |
414 |
width: auto; |
| 407 |
} |
415 |
} |
| 408 |
} |
416 |
} |
| 409 |
|
417 |
|
| 410 |
ul>li.hide-radio.selected { |
418 |
ul > li.hide-radio.selected { |
| 411 |
background-color: initial; |
419 |
background-color: initial; |
| 412 |
color: initial; |
420 |
color: initial; |
| 413 |
} |
421 |
} |