Uploaded image for project: 'ZABBIX BUGS AND ISSUES'
  1. ZABBIX BUGS AND ISSUES
  2. ZBX-9028

Multiselect fields display '...'

XMLWordPrintable

    • Icon: Incident report Incident report
    • Resolution: Unresolved
    • Icon: Trivial Trivial
    • None
    • 2.4.1
    • Frontend (F)
    • None
    • Ubuntu 14.10

      I'm using Ubuntu 14.10 and a few months ago I did some font tweaking so that my fonts look better, but it looks like because of that my multiselect fields only display ..., which makes it very hard to work with them (see the screenshot in the attachment).

      I looked up the code and I saw that /usr/share/zabbix/js/multiselect.js does that in:

              function resizeSelectedText(item, text, obj, options) {
                      // settings
                      var settingLineHeight = 15,
                              settingArrowSpace = options.disabled ? 22 : 32,
                              settingPaddings = 3,
                              settingTextMax = 510;
      
                      // calculate
                      var maxWidth = $('.selected ul', obj).width() - settingArrowSpace;
      
                      if (text.width() > maxWidth || text.height() > settingLineHeight) {
      ...
      

      If I increase settingLineHeight to 16 all looks good, but I'm not sure if that is a good solution, or would it be better to set font size to be smaller in CSS.

      Either way this is a big usage problem and I increasing settingLineHeight to 16 doesn't make the UI look bad at all (see second attachment).

            Unassigned Unassigned
            kustodian Strahinja Kustudic
            Votes:
            1 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated: