Help wanted - truncate "Name" field width

[damyanor]

Hi,
in reference to #134
I found that the name field can be cut by changing flex property of the .info class. Originally the value looks like this: flex: 1 0 30%; and it should be changed to ie. flex: 1 0 0%; However, I cannot set a proper path to override the style using card-mod plugin. Is this even possible? Here's the code of the example card (Firefox'es Inspector screenshot is better than the code itself I think to show the hierarchy):

[ildar170975]

How to decrease a width of the "name" field (.info.pointer.text-content) by card-mod:
Before:

type: entities
entities:
  - type: 'custom:multiple-entity-row'
    entity: sun.sun
    entities:
      - entity: sun.sun
        name: xxx
        styles:
          width: 60px
      - entity: sun.sun
        name: xxx
        styles:
          width: 60px
      - entity: sun.sun
        name: xxx
        styles:
          width: 60px
      - entity: sun.sun
        name: xxx
        styles:
          width: 60px
    name: ''
    unit: ''
    icon: ''
    toggle: false
    show_state: false
    state_header: ''
    state_color: false

After:

  - type: 'custom:multiple-entity-row'
    style:
      hui-generic-entity-row:
        $: |
          .info.pointer {
            flex: 1 0 0%;
          }
    entity: sun.sun
    entities:
      - entity: sun.sun
        name: xxx
        styles:
          width: 60px
      - entity: sun.sun
        name: xxx
        styles:
          width: 60px
      - entity: sun.sun
        name: xxx
        styles:
          width: 60px
      - entity: sun.sun
        name: xxx
        styles:
          width: 60px
    name: ''
    unit: ''
    icon: ''
    toggle: false
    show_state: false
    state_header: ''
    state_color: false

I think that some time ago it was working properly, then it was changed, so we can see that some columns may be not visible...
Recently I realized this in my setup:

Note that the last column is not fully visible because these 3 columns were shifted to the right - they used to be located closer to the left border:

So now I have to manually correct the "flex" property by card-mod.

[damyanor]

Works perfect! Thank you very much for your help.

[ildar170975]

I do not think that the issue must be "just closed".
The behaviour was changed recently.
The latest update of the multiple-entity-card was on November 2021; I noticed the difference recently; so the problem may be because of HA/browser/etc.
Now I have to open a new issue.

[damyanor]

It's probably because of HA update, the root cause is described in #134 and the intention of this thread was to workaround the issue.