Koha/koha-tmpl/intranet-tmpl/prog/css/select2.css
Owen Leonard f1d8bb181a Bug 25727: (follow-up) Some style updates, JS i18n
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>
2020-08-24 11:19:03 +02:00

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