Skip to content

WISH: Sticky issue titles #10675

Open
Open
@HenrikBengtsson

Description

@HenrikBengtsson
  • Git version: 1.11.2
  • Operating system: all
  • Database (use [x]):

Description

I'd like to propose an option for having issue titles be sticky when scrolling in the browser so that it is possible to always see what the title of the issue is regardless how far down you the comments you scroll. See below screenshots for behavior. This idea probably apply to other areas too, e.g. 'Pull requests'.

Screenshots

gitea_sticky_1
gitea_sticky_2

Proof-of-Concept Patch

I've implemented an ad-hoc patch myself that be in use for 3-4 months now. It is particularly useful in screen-share meetings where the moderator goes through issues and audience have no control of the interface. Using sticky issue titles avoid the question "What issue is this again?". The patch I apply for each Gitea update is:

--- view_title.tmpl 2020-03-08 14:07:39.647415337 -0700
+++ new_view_title.tmpl     2020-03-08 13:38:17.576454430 -0700
@@ -1,4 +1,4 @@
-<div class="sixteen wide column title">
+<div class="sixteen wide column title" style="position: -webkit-sticky; position: sticky; top: -10px; z-index: 10; background-color: white;">
        <div class="ui grid">
                <h1 class="twelve wide column">
                        <span class="index">#{{.Issue.Index}}</span> <span id="issue-title" class="has-emoji">{{.Issue.Title}}</span>
@@ -16,6 +16,8 @@
                        </div>
                {{end}}
        </div>
+</div>
+<div class="sixteen wide column title">
        {{if .HasMerged}}
                <div class="ui purple large label"><i class="octicon octicon-git-pull-request"></i> {{.i18n.Tr "repo.pulls.merged"}}</div>
        {{else if .Issue.IsClosed}}

Metadata

Metadata

Assignees

No one assigned

    Labels

    issue/confirmedIssue has been reviewed and confirmed to be present or accepted to be implementedtopic/uiChange the appearance of the Gitea UI

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions