Hello, I have been using the flux for a long time, but this was the first time I came to a conclusion in 20 minutes that I don’t know how to fix it. http://codepen.io/dimensi/pen/zNVqLa
I guess somewhere here lies the problem.

&__title-wrapper padding 7px 10px display flex @extend $vertical-align-middle flex 0 ^[-1]__item:hover & color $blue & .icon font-size 16px margin 0 7px color $black &:hover color $blue ~/__item--works:hover & color $green & .icon:hover color $green &__title font-weight 600 width auto overflow hidden text-overflow ellipsis white-space nowrap transition all 0.3s flex 1

Well, honestly, I don’t know at all where it can be covered. I translated the list into a table, but it didn’t get any easier. enter image description here

    2 answers 2

    Try adding the following properties.

     .updating__type-inner{min-width: 40px} .updating__title-wrapper{overflow: hidden;flex: 0 1 auto;} .updating__chapter{min-width: 100px}
    • Hmm, it cured. But I do not quite understand why this works. And it works like I wanted. - DimenSi

    The problem is that you have not limited the width of the string name.

    Install the max-width: calc(100% - 240px); style for the class .updating__title max-width: calc(100% - 240px);

    • Not an option. This will work as long as the table is not compressed. - DimenSi
    • @DimenSi, edited the answer, but I see that another one helped you - Yuri
    • I prefer in flexs once again to calc () not to resort. For then you begin to depend on it very much. - DimenSi