diff options
| author | silverwind <me@silverwind.io> | 2024-04-16 10:52:45 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-16 08:52:45 +0000 |
| commit | a658e2f277af435517f022355af697bdf588708e (patch) | |
| tree | 4353183edd6a8fe9979dc3ae6001bed896715441 /web_src/js | |
| parent | 58b204b813cd3a97db904d889d552e64a7e398ff (diff) | |
| download | gitea-a658e2f277af435517f022355af697bdf588708e.tar.gz gitea-a658e2f277af435517f022355af697bdf588708e.zip | |
Fix long branch name overflows (#30345)
Fixes: https://github.com/go-gitea/gitea/issues/27971
Fixes: https://github.com/go-gitea/gitea/pull/28010
<img width="689" alt="Screenshot 2024-04-09 at 00 19 57"
src="https://github.com/go-gitea/gitea/assets/115237/7c895a47-274f-40a6-a126-290658f1982d">
Also fixes a similar issue in issue list where CSS was there but not
active because of missing `display: block`.
<img width="372" alt="Screenshot 2024-04-09 at 00 18 25"
src="https://github.com/go-gitea/gitea/assets/115237/cfbee7cd-2e15-4ac7-96ce-020816f48798">
Diffstat (limited to 'web_src/js')
| -rw-r--r-- | web_src/js/components/RepoBranchTagSelector.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/web_src/js/components/RepoBranchTagSelector.vue b/web_src/js/components/RepoBranchTagSelector.vue index 4e977ab185..c13af14dea 100644 --- a/web_src/js/components/RepoBranchTagSelector.vue +++ b/web_src/js/components/RepoBranchTagSelector.vue @@ -248,12 +248,12 @@ export default sfc; // activate IDE's Vue plugin <template> <div class="ui dropdown custom"> <button class="branch-dropdown-button gt-ellipsis ui basic small compact button tw-flex tw-m-0" @click="menuVisible = !menuVisible" @keyup.enter="menuVisible = !menuVisible"> - <span class="text tw-flex tw-items-center tw-mr-1"> + <span class="text tw-flex tw-items-center tw-mr-1 gt-ellipsis"> <template v-if="release">{{ textReleaseCompare }}</template> <template v-else> <svg-icon v-if="isViewTag" name="octicon-tag"/> <svg-icon v-else name="octicon-git-branch"/> - <strong ref="dropdownRefName" class="tw-ml-2">{{ refNameText }}</strong> + <strong ref="dropdownRefName" class="tw-ml-2 tw-inline-block gt-ellipsis">{{ refNameText }}</strong> </template> </span> <svg-icon name="octicon-triangle-down" :size="14" class-name="dropdown icon"/> |