[tryton-commits] changeset in sao:default Keep displaying empty counter but just ...

[Cédric Krier]

changeset 55af6aa4d8da in sao:default
details: https://hg.tryton.org/sao?cmd=changeset&node=55af6aa4d8da
description:
        Keep displaying empty counter but just make it invisible

        This fix the alignment of the tab borders with and without badge.

        issue10867
        review366111002
diffstat:

 src/screen.js |  9 ++++++---
 1 files changed, 6 insertions(+), 3 deletions(-)

diffs (33 lines):

diff -r fc57ac24d2a6 -r 55af6aa4d8da src/screen.js
--- a/src/screen.js     Thu Oct 21 00:22:12 2021 +0200
+++ b/src/screen.js     Thu Oct 21 00:23:25 2021 +0200
@@ -193,8 +193,9 @@
                 this.tab_domain.forEach(function(tab_domain, i) {
                     var name = tab_domain[0];
                     var counter = jQuery('<span/>', {
-                        'class': 'badge'
-                    });
+                        'class': 'badge badge-empty'
+                    }).html('&nbsp;');
+                    counter.css('visibility', 'hidden');
                     var page = jQuery('<li/>', {
                         role: 'presentation',
                         id: 'nav-' + i
@@ -372,7 +373,8 @@
             var counter = this.tab_counter[idx];
             if (count === null) {
                 counter.attr('title', '');
-                counter.text('');
+                counter.html('&nbsp;');
+                counter.css('visibility', 'hidden');
             } else {
                 counter.attr('title', count);
                 var text = count;
@@ -380,6 +382,7 @@
                     text = '99+';
                 }
                 counter.text(text);
+                counter.css('visibility', 'visible');
             }
         },
         do_search: function() {