Truncated tab text in English #91

New Issue

2025-10-31T17:05:25-05:00

GiteaMirror commented

2025-10-31 17:05:25 -05:00

Originally created by @ghost on GitHub (Dec 13, 2020).

The "Repositories" tab text in the search view is being truncated in English. Making it seem to say "Repositorie"

Originally created by @ghost on GitHub (Dec 13, 2020). The "Repositories" tab text in the search view is being truncated in English. Making it seem to say "Repositorie" ![SmartSelect_20201213-144035](https://user-images.githubusercontent.com/16590431/102015110-79339100-3d51-11eb-9ec3-bdcebdddcd23.jpg)

GiteaMirror commented

2025-10-31 17:05:26 -05:00

@shreyas1599 commented on GitHub (Jan 28, 2021):

I was trying this. This is what I could come up with:

bottom: TabBar(
        isScrollable: true,
        onTap: _onTabSwitch,
        tabs: tabs
            .map((text) => Tab(
                child: Container(
                    width: MediaQuery.of(context).size.width / tabs.length,
                    child: Center(child: Text(text.toUpperCase())))))
            .toList(),
      ),

but it makes the Tab bar scrollable and looks something like this:

Without creating a container and just making isScrollable: true leads to the tabs being centred.

The only way to expand the tab is to make isScrollable: true as equal space is allocated for all tabs otherwise. An alternative is to just rename "Repositories" as "Repos" but even the notifications tab has a tab named "Participating" which overflows, so renaming does not seem like the best way. @pd4d10 is there any other implementation you can think of?

@shreyas1599 commented on GitHub (Jan 28, 2021): I was trying this. This is what I could come up with: ``` bottom: TabBar( isScrollable: true, onTap: _onTabSwitch, tabs: tabs .map((text) => Tab( child: Container( width: MediaQuery.of(context).size.width / tabs.length, child: Center(child: Text(text.toUpperCase()))))) .toList(), ), ``` but it makes the Tab bar scrollable and looks something like this: ![image](https://user-images.githubusercontent.com/28999492/106178132-666d0280-61bf-11eb-9a4a-2dc766d99e7e.png) Without creating a container and just making `isScrollable: true` leads to the tabs being centred. ![image](https://user-images.githubusercontent.com/28999492/106178682-18a4ca00-61c0-11eb-8e4c-0437df16af9d.png) The only way to expand the tab is to make `isScrollable: true` as equal space is allocated for all tabs otherwise. An alternative is to just rename "Repositories" as "Repos" but even the notifications tab has a tab named "Participating" which overflows, so renaming does not seem like the best way. @pd4d10 is there any other implementation you can think of?

GiteaMirror commented

2025-10-31 17:05:26 -05:00

@ghost commented on GitHub (Jan 28, 2021):

Changing the translation to "Repos" would fix the issue, but this problem would likely prop up with other languages, which might not have as easily fixes. Does centering the tabs in the Notifications view fix the truncated text?

@ghost commented on GitHub (Jan 28, 2021): Changing the translation to "Repos" would fix the issue, but this problem would likely prop up with other languages, which might not have as easily fixes. Does centering the tabs in the Notifications view fix the truncated text?

GiteaMirror commented

2025-10-31 17:05:26 -05:00

@ghost commented on GitHub (Jan 28, 2021):

Since pd4d10 is Chinese, some of the git-touch UI is made expecting a similarly compressed language. Some other UI elements may need to be changed to be more translation friendly. Maybe see how FastHub handles certain views?

@ghost commented on GitHub (Jan 28, 2021): Since pd4d10 is Chinese, some of the git-touch UI is made expecting a similarly compressed language. Some other UI elements may need to be changed to be more translation friendly. Maybe see how [FastHub](https://github.com/thermatk/FastHub-Libre) handles certain views?

GiteaMirror commented

2025-10-31 17:05:26 -05:00

@shreyas1599 commented on GitHub (Jan 29, 2021):

Maybe see how FastHub handles certain views?

All of FastHubs tabs under the page title are scrollable elements

@shreyas1599 commented on GitHub (Jan 29, 2021): > Maybe see how [FastHub](https://github.com/thermatk/FastHub-Libre) handles certain views? All of FastHubs tabs under the page title are scrollable elements

GiteaMirror commented

2025-10-31 17:05:27 -05:00

@fitojb commented on GitHub (Mar 13, 2021):

Maybe switching to Roboto Condensed will help a bit

@fitojb commented on GitHub (Mar 13, 2021): Maybe switching to Roboto Condensed will help a bit