Overview
Comment: | Add new form element: large radio button |
---|---|
Downloads: | Tarball | ZIP archive | SQL archive |
Timelines: | family | ancestors | descendants | both | dev |
Files: | files | file ages | folders |
SHA1: |
e6f38916c7c802170003b99b6849fe85 |
User & Date: | bohwaz on 2020-11-07 16:33:26 |
Other Links: | branch diff | manifest | tags |
Context
2020-11-07
| ||
16:34 | Add Escape key to close dialog check-in: 0f3aa7ac91 user: bohwaz tags: dev | |
16:33 | Add new form element: large radio button check-in: e6f38916c7 user: bohwaz tags: dev | |
16:32 | Improve UI of transaction form check-in: 3b5a383cf7 user: bohwaz tags: dev | |
Changes
Modified src/www/admin/static/admin.css from [87bfab8d3e] to [c978e1b722].
︙ | ︙ | |||
360 361 362 363 364 365 366 | color: #000; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; line-height: 1.5rem; } input:not([type=checkbox]):not([type=radio]):focus, button:focus, select:focus, textarea:focus { | | | 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 | color: #000; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; line-height: 1.5rem; } input:not([type=checkbox]):not([type=radio]):focus, button:focus, select:focus, textarea:focus { box-shadow: 0 0 1px .2rem rgb(var(--gSecondColor)); outline: 0; } input:not(:placeholder-shown):focus:invalid { border-color: #f33; } |
︙ | ︙ | |||
408 409 410 411 412 413 414 415 416 417 418 419 420 421 | input[type=button].showPassword:hover { background: none; } select, input[size], input[type=color], button, input[type=button], input[type=submit] { min-width: 0 !important; } form .input-list { padding: 0; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: start; | > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > | 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 | input[type=button].showPassword:hover { background: none; } select, input[size], input[type=color], button, input[type=button], input[type=submit] { min-width: 0 !important; } form .radio-btn { display: flex; } form label.radio-btn:hover { border: none; } form .radio-btn div { flex-grow: 1; border: 1px solid rgba(var(--gSecondColor), 0.5); background-color: rgba(var(--gSecondColor), 0.1); font-size: inherit; border-radius: .2em; padding: .2em .4em; margin: .2em .5em; transition: color .3s, background-color .3s; color: #333; } form .radio-btn h3 { color: rgb(var(--gMainColor)); text-decoration: underline; } form .radio-btn input { margin: 1em; } form .radio-btn .help { margin: .8em 0 0 0; font-size: .8em; } form .radio-btn input:checked + div { background-color: rgba(var(--gSecondColor), 0.5); } form .input-list { padding: 0; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: start; |
︙ | ︙ | |||
1094 1095 1096 1097 1098 1099 1100 | text-align: center; padding: 0 .3rem; background: rgba(var(--gMainColor), 0.7); color: #fff; white-space: pre; } | | | 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 | text-align: center; padding: 0 .3rem; background: rgba(var(--gMainColor), 0.7); color: #fff; white-space: pre; } .actions .icn:hover, .num a:hover, .icn.action:hover, .icn-btn:hover, .radio-btn:hover div { color: darkred; background: #ff9; z-index: 300; } .droits b { border: 2px solid #999; |
︙ | ︙ |