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: e6f38916c7c802170003b99b6849fe8558a4e4c7
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
367
368
369
370
371
372
373
374
...
408
409
410
411
412
413
414






































415
416
417
418
419
420
421
....
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
    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 0 0.2rem rgb(var(--gSecondColor));
    outline: 0;
}

input:not(:placeholder-shown):focus:invalid {
    border-color: #f33;
}

................................................................................
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;
................................................................................
    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 {
    color: darkred;
    background: #ff9;
    z-index: 300;
}

.droits b {
    border: 2px solid #999;







|







 







>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>







 







|







360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
...
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
....
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
    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;
}

................................................................................
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;
................................................................................
    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;