プロジェクト

全般

プロフィール

Vote #77221

完了

Prevent username from overlapping in mobile menu

Admin Redmine さんが約4年前に追加. 約4年前に更新.

ステータス:
Closed
優先度:
通常
担当者:
-
カテゴリ:
UI - Responsive_57
対象バージョン:
開始日:
2022/05/09
期日:
進捗率:

0%

予定工数:
category_id:
57
version_id:
112
issue_org_id:
22074
author_id:
121548
assigned_to_id:
1
comments:
3
status_id:
5
tracker_id:
3
plus1:
0
affected_version:
closed_on:
affected_version_id:
ステータス-->[Closed]

説明

Under certain cirumstances the username shown in the mobile menu can break into another line overlapping the next menu item. For example if the username is too long and contains a '-':

!before.png!

I am attaching a patch which fixes this behaviour by avoiding line breaks and by adding @text-overflow: ellipsis@

!after.png!


journals

The fix works fine for me. Setting target version to 3.2.1.
--------------------------------------------------------------------------------
Sorry for hijacking this issue, but my problem is related.

If the user name is really short, e.g. a single letter, the menu entry does not cover the whole width, in contrast to the other menu entries. This makes touching the link needlessly complicated.

!screen-capture-30.png!

The second attached patch expands the user name link to cover the whole line.
--------------------------------------------------------------------------------
Both patches are merged in 3.2, thanks.
--------------------------------------------------------------------------------

Admin Redmine さんが約4年前に更新

  • カテゴリUI - Responsive_57 にセット
  • 対象バージョン3.2.1_112 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0