Owen Leonard
f1d8bb181a
This patch makes to general changes. First, it makes some minor style
changes to the appearance of the dropdowns. Second, it moves the JS
content in select2.inc into a separate JS file. This is made possible by
Bug 21156.
To test, apply the patch and view a page which uses the Select2 library,
e.g. the add item screen. Confirm that the Select2-styled dropdowns look
good and work correctly.
TESTING TRANSLATABILITY
- Update a translation, e.g. fr-FR:
> cd misc/translator
> perl translate update fr-FR
- Open the corresponding .po file for JavaScript strings, e.g.
misc/translator/po/fr-FR-messages-js.po
- Locate strings pulled from
koha-tmpl/intranet-tmpl/prog/js/select2.js for translation,
e.g.:
msgid "No results found"
msgstr ""
- Edit the "msgstr" string however you want (it's just for
testing).
- Install the updated translation:
> perl translate install fr-FR
- Switch to your newly translated language in the staff client and
test a Select2-styled dropdown. Test that translated strings appear.
For example:
- Use the filter form to search for a string which isn't found. You
should see a translated version.
- Make a selection in one of the dropdowns. Hover your mouse over the
"X" icon which now appears. The tooltip should be a translated
version.
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
30 lines
919 B
CSS
30 lines
919 B
CSS
.select2-container.subfield_not_filled {
|
|
background-color: initial;
|
|
}
|
|
|
|
.select2-container.missing .select2-choice,
|
|
.select2-container .select2-selection--single.subfield_not_filled,
|
|
.select2-container .select2-selection--single.important_subfield_not_filled {
|
|
background-color: #FFFF99;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__clear {
|
|
color: #888;
|
|
font-size: 125%;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
border-left: 1px solid #EEE;
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
color: #666;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow:hover {
|
|
background-color: #EEE;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
|
border-color: #565656 transparent transparent transparent;
|
|
}
|