View | Details | Raw Unified | Return to bug 30952
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_forms.scss (+39 lines)
Line 0 Link Here
1
fieldset.rows ol {
2
    $label-width: 12rem;
3
    $gap-width: 1rem;
4
5
    padding: 0;
6
7
    li {
8
        display: flex;
9
        flex-wrap: wrap;
10
        align-items: center;
11
12
        & > * {
13
            margin: 0 $gap-width 0 0;
14
        }
15
16
        label {
17
            font-weight: bold;
18
19
            &:first-child {
20
                flex-basis: $label-width;
21
                flex-shrink: 0;
22
                flex-grow: 0;
23
                text-align: right;
24
            }
25
26
            &.error {
27
                order: -1;
28
                width: 100%;
29
                padding-left: $label-width + $gap-width;
30
            }
31
        }
32
33
        div.hint {
34
            width: 100%;
35
            margin-top: .25rem;
36
            padding-left: $label-width + $gap-width;
37
        }
38
    }
39
}
(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (-355 / +1 lines)
Lines 982-1258 fieldset { Link Here
982
        }
982
        }
983
    }
983
    }
984
984
985
    &.rows {
986
        border: 0;
987
        clear: left;
988
        float: left;
989
        font-size: 90%;
990
        width: 100%;
991
992
        fieldset {
993
            background-color: transparent;
994
            border-width: 1px;
995
            margin: 1em;
996
            padding: .3em;
997
998
            &.action {
999
                padding: 1em;
1000
            }
1001
        }
1002
1003
        &.inputnote {
1004
            clear: left;
1005
            float: left;
1006
            margin: 1em 0 0 11em;
1007
        }
1008
1009
1010
        &.left {
1011
            label {
1012
                text-align: left;
1013
                width: 8em;
1014
            }
1015
1016
            li {
1017
                padding-bottom: .4em;
1018
            }
1019
1020
            span {
1021
                label {
1022
                    text-align: left;
1023
                    width: 8em;
1024
                }
1025
            }
1026
        }
1027
1028
        &.ui-accordion-content {
1029
            border-top-left-radius: 0;
1030
            border-top-right-radius: 0;
1031
            margin: 0;
1032
            padding: 0;
1033
            width: 100%;
1034
1035
            table {
1036
                margin: 0;
1037
            }
1038
        }
1039
1040
        &.unselected {
1041
            background-color: #FFFFFF;
1042
            border: 0;
1043
            border-width: 0;
1044
        }
1045
1046
        caption {
1047
            font-size: 120%;
1048
        }
1049
1050
        div {
1051
            &.hint {
1052
                font-size: 105%;
1053
                margin: .5rem 0;
1054
                margin-left: 10.5rem;
1055
            }
1056
        }
1057
1058
        label {
1059
            float: left;
1060
            font-weight: bold;
1061
            margin-right: 1rem;
1062
            text-align: right;
1063
            width: auto;
1064
            min-width: 9rem;
1065
1066
            &.error {
1067
                float: none;
1068
                margin-left: 1rem;
1069
                width: auto;
1070
            }
1071
1072
            &.inline {
1073
                display: inline;
1074
                float: none;
1075
                margin-left: 1rem;
1076
            }
1077
1078
            &.radio {
1079
                display: inline-block;
1080
                margin: 0 1rem 0 0;
1081
                padding: 0;
1082
                width: auto;
1083
            }
1084
1085
            &.yesno {
1086
                float: none;
1087
                width: auto;
1088
            }
1089
        }
1090
1091
        li {
1092
            clear: left;
1093
            float: left;
1094
            list-style-type: none;
1095
            padding-bottom: 1em;
1096
            width: 100%;
1097
1098
            &[aria-disabled="true"] {
1099
                color: #999;
1100
            }
1101
1102
            &.radio {
1103
                margin: 0;
1104
                padding-left: 9em;
1105
                width: auto;
1106
1107
                input + label {
1108
                    margin-left: 0;
1109
                    padding-left: 0;
1110
                }
1111
1112
                label {
1113
                    float: none;
1114
                    margin: 0 0 0 1em;
1115
                    width: auto;
1116
                }
1117
            }
1118
1119
            input + label {
1120
                margin-left: 0;
1121
                padding-left: 0;
1122
            }
1123
1124
            fieldset {
1125
                label {
1126
                    width: 6em;
1127
                }
1128
1129
                li.radio {
1130
                    padding-left: 0;
1131
                }
1132
            }
1133
        }
1134
1135
        ol {
1136
            list-style-type: none;
1137
            padding: 1em 1em 0;
1138
1139
            &.radio {
1140
                label {
1141
                    float: none;
1142
                    margin-left: 20px;
1143
                    margin-right: 30px;
1144
                    padding-left: 0;
1145
                    vertical-align: middle;
1146
                    width: auto;
1147
1148
                    &.radio {
1149
                        float: left;
1150
                        margin-right: 1em;
1151
                        margin-top: 0;
1152
                        width: 9em;
1153
                    }
1154
                }
1155
1156
                input {
1157
                    &[type="checkbox"],
1158
                    &[type="radio"] {
1159
                        margin-left: -20px;
1160
                    }
1161
                }
1162
            }
1163
1164
            table {
1165
                display: inline-block;
1166
                font-size: 105%;
1167
                margin: 0;
1168
            }
1169
        }
1170
1171
        p {
1172
            margin: 1em 0 1em 1em;
1173
        }
1174
1175
        span {
1176
            &.label {
1177
                float: left;
1178
                font-weight: bold;
1179
                margin-right: 1em;
1180
                text-align: right;
1181
                width: 9em;
1182
            }
1183
1184
            &.hint {
1185
                font-size: 105%;
1186
            }
1187
        }
1188
1189
        table {
1190
            clear: both;
1191
            font-size: 105%;
1192
            margin: 1em 0 1em 1em;
1193
1194
            &.dataTable {
1195
                margin: 0;
1196
            }
1197
1198
            &.mceListBox {
1199
                margin: 0;
1200
            }
1201
        }
1202
1203
        td {
1204
            label {
1205
                float: none;
1206
                font-weight: normal;
1207
                width: auto;
1208
            }
1209
        }
1210
1211
        .inputnote {
1212
            clear: left;
1213
            float: left;
1214
            margin: 1em 0 0 11em;
1215
        }
1216
1217
        + h3 {
1218
            clear: both;
1219
            padding-top: .5em;
1220
        }
1221
1222
        .dataTables_wrapper {
1223
            label {
1224
                font-weight: normal;
1225
                width: unset;
1226
            }
1227
        }
1228
1229
        .dropdown-menu {
1230
            li {
1231
                padding-bottom: 0;
1232
            }
1233
        }
1234
1235
        .toptabs {
1236
            clear: both;
1237
            margin: 1em;
1238
        }
1239
    }
1240
1241
    fieldset {
985
    fieldset {
1242
        box-shadow: none;
986
        box-shadow: none;
1243
    }
987
    }
1244
}
988
}
1245
989
1246
#multi_receiving {
1247
    fieldset {
1248
        &.rows {
1249
            label {
1250
                width: 50%;
1251
            }
1252
        }
1253
    }
1254
}
1255
1256
details {
990
details {
1257
    > summary {
991
    > summary {
1258
        cursor: pointer;
992
        cursor: pointer;
Lines 1452-1506 div { Link Here
1452
        }
1186
        }
1453
    }
1187
    }
1454
1188
1455
    &.rows {
1456
        clear: left;
1457
        float: left;
1458
        margin: 0;
1459
        padding: 0;
1460
        width: 100%;
1461
1462
        + div {
1463
            &.rows {
1464
                margin-top: .6em;
1465
            }
1466
        }
1467
1468
        li {
1469
            border-bottom: 1px solid #EEE;
1470
            clear: left;
1471
            float: left;
1472
            list-style-type: none;
1473
            padding: .275em;
1474
            width: 100%;
1475
        }
1476
1477
        ol {
1478
            list-style-type: none;
1479
            padding: .5em 1em 0 0;
1480
1481
            li {
1482
                li {
1483
                    border-bottom: 0;
1484
                }
1485
            }
1486
        }
1487
1488
        p {
1489
            margin-left: 10em;
1490
        }
1491
1492
        span {
1493
            &.label {
1494
                float: left;
1495
                font-weight: bold;
1496
                margin-right: 1em;
1497
                padding-top: 0;
1498
                text-align: left;
1499
                width: 9em;
1500
            }
1501
        }
1502
    }
1503
1504
    &.pages {
1189
    &.pages {
1505
        margin: .5em 0;
1190
        margin: .5em 0;
1506
1191
Lines 1650-1659 dd { Link Here
1650
.patroninfo-section {
1335
.patroninfo-section {
1651
    padding: .5em;
1336
    padding: .5em;
1652
    margin: .5em;
1337
    margin: .5em;
1653
1654
    .rows {
1655
        padding: .5em;
1656
    }
1657
}
1338
}
1658
1339
1659
.patroninfo-heading {
1340
.patroninfo-heading {
Lines 1769-1780 dd { Link Here
1769
1450
1770
}
1451
}
1771
1452
1772
.rows {
1773
    .label {
1774
        white-space: normal;
1775
    }
1776
}
1777
1778
.readonly,
1453
.readonly,
1779
input[type='text']:read-only {
1454
input[type='text']:read-only {
1780
    background: #EEE url("../img/locked.png") center left no-repeat;
1455
    background: #EEE url("../img/locked.png") center left no-repeat;
Lines 2833-2848 td.bundle { Link Here
2833
    margin-left: 20px;
2508
    margin-left: 20px;
2834
    padding: 10px;
2509
    padding: 10px;
2835
2510
2836
    fieldset {
2837
        &.rows {
2838
            li {
2839
                label {
2840
                    width: 16em;
2841
                }
2842
            }
2843
        }
2844
    }
2845
2846
    .importing {
2511
    .importing {
2847
        background: none;
2512
        background: none;
2848
        padding: inherit;
2513
        padding: inherit;
Lines 2850-2865 td.bundle { Link Here
2850
}
2515
}
2851
2516
2852
.form_import {
2517
.form_import {
2853
    fieldset {
2854
        &.rows {
2855
            li {
2856
                label {
2857
                    width: auto;
2858
                }
2859
            }
2860
        }
2861
    }
2862
2863
    .input_import {
2518
    .input_import {
2864
        border: 1px solid #BCBCBC;
2519
        border: 1px solid #BCBCBC;
2865
    }
2520
    }
Lines 4600-4614 input.renew { Link Here
4600
    }
4255
    }
4601
}
4256
}
4602
4257
4603
#payForm {
4604
    fieldset {
4605
        &.rows {
4606
            padding-left: 1em;
4607
            padding-right: 2em;
4608
        }
4609
    }
4610
}
4611
4612
#helper {
4258
#helper {
4613
    span {
4259
    span {
4614
        display: none;
4260
        display: none;
Lines 4897-4902 div .suggestion_note { Link Here
4897
4543
4898
@import "header";
4544
@import "header";
4899
@import "toolbar";
4545
@import "toolbar";
4546
@import "forms";
4900
4547
4901
@media (min-width: 200px) {
4548
@media (min-width: 200px) {
4902
4549
4903
- 

Return to bug 30952