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

(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/AdditionalFieldsEntry.vue (-5 / +16 lines)
Lines 106-114 Link Here
106
                            class="clear-button"
106
                            class="clear-button"
107
                            @click="clearField(current, $event)"
107
                            @click="clearField(current, $event)"
108
                            :aria-label="$__('Clear')"
108
                            :aria-label="$__('Clear')"
109
                            :title="$__('Clear')"
109
                            tabindex="-1"
110
                            tabindex="-1"
110
                        >
111
                        >
111
                            <i class="fa fa-times"></i>
112
                            <svg
113
                                xmlns="http://www.w3.org/2000/svg"
114
                                width="10"
115
                                height="10"
116
                                viewBox="0 0 10 10"
117
                            >
118
                                <path
119
                                    d="M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z"
120
                                ></path>
121
                            </svg>
112
                        </button>
122
                        </button>
113
                    </span>
123
                    </span>
114
                    <template v-if="available_field.repeatable">
124
                    <template v-if="available_field.repeatable">
Lines 359-367 export default { Link Here
359
    display: inline;
369
    display: inline;
360
}
370
}
361
371
362
/* Input with clear button gets padding for the button */
372
/* Input with clear button gets padding for the button and matches select2 styling */
363
input.input-with-clear {
373
input.input-with-clear {
364
    padding-right: 2rem;
374
    padding: 0.375rem 2rem 0.375rem 0.75rem;
375
    line-height: 1.5;
365
}
376
}
366
377
367
.clear-button {
378
.clear-button {
Lines 394-401 input.input-with-clear { Link Here
394
    border-radius: 2px;
405
    border-radius: 2px;
395
}
406
}
396
407
397
.clear-button i {
408
.clear-button svg {
398
    font-size: 1rem;
409
    fill: currentColor;
399
}
410
}
400
411
401
/* New button spacing */
412
/* New button spacing */
(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Elements/InputNumber.vue (-5 / +16 lines)
Lines 15-23 Link Here
15
            class="clear-button"
15
            class="clear-button"
16
            @click="clearInput"
16
            @click="clearInput"
17
            :aria-label="$__('Clear')"
17
            :aria-label="$__('Clear')"
18
            :title="$__('Clear')"
18
            tabindex="-1"
19
            tabindex="-1"
19
        >
20
        >
20
            <i class="fa fa-times"></i>
21
            <svg
22
                xmlns="http://www.w3.org/2000/svg"
23
                width="10"
24
                height="10"
25
                viewBox="0 0 10 10"
26
            >
27
                <path
28
                    d="M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z"
29
                ></path>
30
            </svg>
21
        </button>
31
        </button>
22
    </span>
32
    </span>
23
    <input
33
    <input
Lines 77-85 export default { Link Here
77
    display: inline;
87
    display: inline;
78
}
88
}
79
89
80
/* Input with clear button gets padding for the button */
90
/* Input with clear button gets padding for the button and matches select2 styling */
81
input.input-with-clear {
91
input.input-with-clear {
82
    padding-right: 2rem;
92
    padding: 0.375rem 2rem 0.375rem 0.75rem;
93
    line-height: 1.5;
83
}
94
}
84
95
85
.clear-button {
96
.clear-button {
Lines 112-118 input.input-with-clear { Link Here
112
    border-radius: 2px;
123
    border-radius: 2px;
113
}
124
}
114
125
115
.clear-button i {
126
.clear-button svg {
116
    font-size: 1rem;
127
    fill: currentColor;
117
}
128
}
118
</style>
129
</style>
(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Elements/InputText.vue (-5 / +16 lines)
Lines 14-22 Link Here
14
            class="clear-button"
14
            class="clear-button"
15
            @click="clearInput"
15
            @click="clearInput"
16
            :aria-label="$__('Clear')"
16
            :aria-label="$__('Clear')"
17
            :title="$__('Clear')"
17
            tabindex="-1"
18
            tabindex="-1"
18
        >
19
        >
19
            <i class="fa fa-times"></i>
20
            <svg
21
                xmlns="http://www.w3.org/2000/svg"
22
                width="10"
23
                height="10"
24
                viewBox="0 0 10 10"
25
            >
26
                <path
27
                    d="M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z"
28
                ></path>
29
            </svg>
20
        </button>
30
        </button>
21
    </span>
31
    </span>
22
    <input
32
    <input
Lines 70-78 export default { Link Here
70
    display: inline;
80
    display: inline;
71
}
81
}
72
82
73
/* Input with clear button gets padding for the button */
83
/* Input with clear button gets padding for the button and matches select2 styling */
74
input.input-with-clear {
84
input.input-with-clear {
75
    padding-right: 2rem;
85
    padding: 0.375rem 2rem 0.375rem 0.75rem;
86
    line-height: 1.5;
76
}
87
}
77
88
78
.clear-button {
89
.clear-button {
Lines 105-111 input.input-with-clear { Link Here
105
    border-radius: 2px;
116
    border-radius: 2px;
106
}
117
}
107
118
108
.clear-button i {
119
.clear-button svg {
109
    font-size: 1rem;
120
    fill: currentColor;
110
}
121
}
111
</style>
122
</style>
(-)a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Elements/TextArea.vue (-6 / +16 lines)
Lines 15-23 Link Here
15
            class="clear-button"
15
            class="clear-button"
16
            @click="clearInput"
16
            @click="clearInput"
17
            :aria-label="$__('Clear')"
17
            :aria-label="$__('Clear')"
18
            :title="$__('Clear')"
18
            tabindex="-1"
19
            tabindex="-1"
19
        >
20
        >
20
            <i class="fa fa-times"></i>
21
            <svg
22
                xmlns="http://www.w3.org/2000/svg"
23
                width="10"
24
                height="10"
25
                viewBox="0 0 10 10"
26
            >
27
                <path
28
                    d="M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z"
29
                ></path>
30
            </svg>
21
        </button>
31
        </button>
22
    </span>
32
    </span>
23
    <textarea
33
    <textarea
Lines 80-88 export default { Link Here
80
    display: inline-block;
90
    display: inline-block;
81
}
91
}
82
92
83
/* Textarea with clear button gets padding for the button */
93
/* Textarea with clear button gets padding for the button and matches select2 styling */
84
textarea.textarea-with-clear {
94
textarea.textarea-with-clear {
85
    padding-right: 2rem;
95
    padding: 0.375rem 2rem 0.375rem 0.75rem;
96
    line-height: 1.5;
86
}
97
}
87
98
88
.clear-button {
99
.clear-button {
Lines 114-120 textarea.textarea-with-clear { Link Here
114
    border-radius: 2px;
125
    border-radius: 2px;
115
}
126
}
116
127
117
.clear-button i {
128
.clear-button svg {
118
    font-size: 1rem;
129
    fill: currentColor;
119
}
130
}
120
</style>
131
</style>
121
- 

Return to bug 41151