• Resolved cul9laia1

    (@cul9laia1)


    /* Below is Google translation.
    * I do not know whether the content is correct.
    * Under English sentences, there is original text written in Japanese. */

    Hello, this plugin is very useful.

    However, a problem occurred.
    On the screen of Media Library Folders, there is a container for descriptive text <div id=”folder-message”> </div>.
    If the window size is wide (eg width: 1920px), a strange phenomenon will occur if long sentences are entered here.
    Specifically, it is when the mouse cursor is placed on the [Move/Copy Toggle] button.
    Please look at the image below. This is GIF. I am not playing! XD

    View post on imgur.com

    This phenomenon occurred in MLFolders 4.1.4 and Japanese version Windows10 and confirmed with IE 11 and Chrome 64.0.3282.186.

    I do not know the difficult thing, so I’m dealing with it in the maxgalleria-media-library.css file as follows.
    .media-toolbar-secondary {
    width: 100%;
    }

    /* From here it is the original text of Japanese. */

    こんにちは、このプラグインはとても役に立っています。

    しかし、問題が発生しました。
    Media Library Foldersの画面には、<div id=”folder-message”></div>という、説明文のためのコンテナがあります。
    ウィンドウサイズが広い場合(例えばwidth:1920px)、ここに長い文が入ると奇妙な現象が起こります。
    具体的には、[Move/Copy Toggle]ボタンの上にマウスカーソルを置いた時です。
    下の画像を見てください。これはGIFです。遊んでいるわけではありません!XD

    View post on imgur.com

    この現象は、MLFolders4.1.4と日本語版Windows10で起きて、IE11 と Chrome 64.0.3282.186 で確認した。

    私は難しい事が分からないので、とりあえずmaxgalleria-media-library.cssファイルにこう書いて対処しています。
    .media-toolbar-secondary {
    width: 100%;
    }

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author AlanP57

    (@alanp57)

    Someone else reported a similar issue, but I have not been able to reproduce it. You are say that adding;

    .media-toolbar-secondary {
    width: 100%;
    }

    will that fix the problem? I can do that and we may be able to release a new version of MLF later this week.

    Thread Starter cul9laia1

    (@cul9laia1)

    Thank you for your reply.
    I think the cause is that the parent element spreads and the layout changes.
    In my environment, when the window width is 1308px or more, it occurs when opening a folder with no image or a folder with few images.
    The wider the window size, the more prominent (like a GIF image).
    When there are many pictures (7 to 8), the width spreads by thumbnails, so there is nothing to spread further by explanation.
    So, I decided to spread the parent element from the beginning by CSS mentioned above.
    Perhaps there are other appropriate designations. But for now I am satisfied with this.

    Another idea is to include a line feed tag in the explanation. There is no problem if the line is short.
    I edited and confirmed the translation file (.po). add the <br> tag after the period.
    / * quotation * /
    Move/Copy Toggle. Move or copy selected files to a different folder.<br>
    When move is selected, images links in posts and pages will be updated.<br>
    <span class=’mlp-warning’>Images IDs used in Jetpack Gallery shortcodes will not be updated.</span>
    / * That’s it * /

    Any modification method can be used.
    I am looking forward to the update.

    /* From here it is the original text of Japanese. */
    返信ありがとうございます。
    原因は、親要素が広がり、レイアウトが変動する事だと思います。
    私の環境では、ウィンドウの横幅が1308px以上の時に、画像が無いフォルダまたは画像が少ないフォルダを開くと発生します。
    ウィンドウサイズが広ければ広いほど、顕著です(GIF画像のように)。
    画像が多い場合(7個~8個)はサムネイルによって幅が広がるので、説明文によって更に広がる事はありません。
    なので、私は前述のCSSにより、親要素を最初から広げておく事にしました。
    もしかしたら、他に適切な指定があるかもしれません。しかし、今のところ私はこれで満足です。

    もう一つの案は、説明文に改行タグを入れる事です。一行が短い場合は問題ありません。
    これは、私が翻訳ファイル(.po)を編集して確認しました。
    /* quotation */
    /* That’s it */

    修正方法はどれでも構いません。
    アップデートを楽しみにしています。

    Plugin Author AlanP57

    (@alanp57)

    All right, I will add the break tags. I am making other CSS changes to improve the responsiveness of the page and you can let me know if there are any problems once the new version is released.

    Thread Starter cul9laia1

    (@cul9laia1)

    Thank you for your early reply!
    I will contact you if notice something.

    Plugin Author AlanP57

    (@alanp57)

    We have released the new version.

    Thread Starter cul9laia1

    (@cul9laia1)

    I checked the layout. Thank you!
    But I’m sorry, I found a new problem so write the details in a separate thread.

    Hi there,

    I’ve encountered a problem with this fix – when you applied the code:

    .media-toolbar-secondary {
    width: 100%;
    }

    in your update, it pushes the ‘Select’ button out of sight in the ‘Add Media’ in Microsoft Edge and below

    Plugin Author AlanP57

    (@alanp57)

    Ok, remove or comment that line out for now like so,

    /*.media-toolbar-secondary {
      width: 100%;
    }*/

    And we will see if a better way can be found in a later release.

    Hi Alan,

    I’ve applied this fix, thanks for replying so quickly.

    J

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Problem with long explanation in div#folder-message’ is closed to new replies.