Skip to content

ToolbarButton: Can't read "Pull origin with rebase" because of truncation #17388

@johanekhager

Description

@johanekhager

The problem

Toolbar buttons truncate important information

Toolbar buttons uses a fixed width of 230px today which makes important text truncate.

Today, push-pull-button will be "Pull origin with...". Would be far better if we don't truncate this button.

Screenshot 2023-09-14 at 08 39 17

Would make sense to either increase width to 280px or add a tooltip on truncated text.

Release version

Version 3.3.1 (arm64)

Operating system

MacOS

Steps to reproduce the behavior

No response

Log files

No response

Screenshots

No response

Additional context

Just change:

  .toolbar-button {
    &.push-pull-button {
      width: 230px;
    }
  }

  .toolbar-button {
    &.branch-toolbar-button {
      width: 230px;
    }
    &.revert-progress {
      width: 230px;
    }
  }

To:

  .toolbar-button {
    &.push-pull-button {
      width: 280px;
    }
  }

  .toolbar-button {
    &.branch-toolbar-button {
      width: 280px;
    }
    &.revert-progress {
      width: 280px;
    }
  }

Or add a tooltip. Or let me help you. <3

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions