mirror of
https://github.com/go-gitea/gitea
synced 2025-07-03 09:07:19 +00:00
Move helpers to be prefixed with gt-
(#22879)
As discussed in #22847 the helpers in helpers.less need to have a separate prefix as they are causing conflicts with fomantic styles This will allow us to have the `.gt-hidden { display:none !important; }` style that is needed to for the reverted PR. Of note in doing this I have noticed that there was already a conflict with at least one chroma style which this PR now avoids. I've also added in the `gt-hidden` style that matches the tailwind one and switched the code that needed it to use that. Signed-off-by: Andrew Thornton <art27@cantab.net> --------- Signed-off-by: Andrew Thornton <art27@cantab.net> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
@ -88,8 +88,8 @@
|
||||
{{range $push.Commits}}
|
||||
{{$commitLink := printf "%s/commit/%s" $repoLink .Sha1}}
|
||||
<li>
|
||||
{{avatarHTML ($push.AvatarLink .AuthorEmail) 16 "mr-2" .AuthorName}}
|
||||
<a class="commit-id mr-2" href="{{$commitLink}}">{{ShortSha .Sha1}}</a>
|
||||
{{avatarHTML ($push.AvatarLink .AuthorEmail) 16 "gt-mr-2" .AuthorName}}
|
||||
<a class="commit-id gt-mr-2" href="{{$commitLink}}">{{ShortSha .Sha1}}</a>
|
||||
<span class="text truncate light grey">
|
||||
{{RenderCommitMessage $.Context .Message $repoLink $.ComposeMetas}}
|
||||
</span>
|
||||
|
@ -60,11 +60,11 @@
|
||||
<div class="column">
|
||||
<div class="ui compact tiny menu">
|
||||
<a class="item{{if not .IsShowClosed}} active{{end}}" href="{{.Link}}?type={{$.ViewType}}&repos=[{{range $.RepoIDs}}{{.}}%2C{{end}}]&sort={{$.SortType}}&state=open&q={{$.Keyword}}">
|
||||
{{svg "octicon-issue-opened" 16 "mr-3"}}
|
||||
{{svg "octicon-issue-opened" 16 "gt-mr-3"}}
|
||||
{{JsPrettyNumber .IssueStats.OpenCount}} {{.locale.Tr "repo.issues.open_title"}}
|
||||
</a>
|
||||
<a class="item{{if .IsShowClosed}} active{{end}}" href="{{.Link}}?type={{$.ViewType}}&repos=[{{range $.RepoIDs}}{{.}}%2C{{end}}]&sort={{$.SortType}}&state=closed&q={{$.Keyword}}">
|
||||
{{svg "octicon-issue-closed" 16 "mr-3"}}
|
||||
{{svg "octicon-issue-closed" 16 "gt-mr-3"}}
|
||||
{{JsPrettyNumber .IssueStats.ClosedCount}} {{.locale.Tr "repo.issues.closed_title"}}
|
||||
</a>
|
||||
</div>
|
||||
@ -81,7 +81,7 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="column right aligned df ac je">
|
||||
<div class="column right aligned gt-df gt-ac gt-je">
|
||||
<!-- Sort -->
|
||||
<div class="ui dropdown type jump item">
|
||||
<span class="text">
|
||||
|
@ -38,11 +38,11 @@
|
||||
<div class="column">
|
||||
<div class="ui compact tiny menu">
|
||||
<a class="item{{if not .IsShowClosed}} active{{end}}" href="{{.Link}}?repos=[{{range $.RepoIDs}}{{.}}%2C{{end}}]&sort={{$.SortType}}&state=open&q={{$.Keyword}}">
|
||||
{{svg "octicon-milestone" 16 "mr-3"}}
|
||||
{{svg "octicon-milestone" 16 "gt-mr-3"}}
|
||||
{{JsPrettyNumber .MilestoneStats.OpenCount}} {{.locale.Tr "repo.issues.open_title"}}
|
||||
</a>
|
||||
<a class="item{{if .IsShowClosed}} active{{end}}" href="{{.Link}}?repos=[{{range $.RepoIDs}}{{.}}%2C{{end}}]&sort={{$.SortType}}&state=closed&q={{$.Keyword}}">
|
||||
{{svg "octicon-check" 16 "mr-3"}}
|
||||
{{svg "octicon-check" 16 "gt-mr-3"}}
|
||||
{{JsPrettyNumber .MilestoneStats.ClosedCount}} {{.locale.Tr "repo.issues.closed_title"}}
|
||||
</a>
|
||||
</div>
|
||||
@ -59,7 +59,7 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="column right aligned df ac je">
|
||||
<div class="column right aligned gt-df gt-ac gt-je">
|
||||
<!-- Sort -->
|
||||
<div class="ui dropdown type jump item">
|
||||
<span class="text">
|
||||
@ -80,13 +80,13 @@
|
||||
<div class="milestone list">
|
||||
{{range .Milestones}}
|
||||
<li class="item">
|
||||
<div class="df ac sb">
|
||||
<h3 class="df ac m-0 fw">
|
||||
<div class="gt-df gt-ac gt-sb">
|
||||
<h3 class="gt-df gt-ac gt-m-0 gt-fw">
|
||||
<span class="ui large label">{{.Repo.FullName}}</span>
|
||||
{{svg "octicon-milestone" 16 "mr-3"}}<a class="muted" href="{{.Repo.Link}}/milestone/{{.ID}}">{{.Name}}</a>
|
||||
{{svg "octicon-milestone" 16 "gt-mr-3"}}<a class="muted" href="{{.Repo.Link}}/milestone/{{.ID}}">{{.Name}}</a>
|
||||
</h3>
|
||||
<div class="df ac">
|
||||
<span class="mr-3">{{.Completeness}}%</span>
|
||||
<div class="gt-df gt-ac">
|
||||
<span class="gt-mr-3">{{.Completeness}}%</span>
|
||||
<progress value="{{.Completeness}}" max="100"></progress>
|
||||
</div>
|
||||
</div>
|
||||
@ -103,9 +103,9 @@
|
||||
{{end}}
|
||||
{{end}}
|
||||
<span class="issue-stats">
|
||||
{{svg "octicon-issue-opened" 16 "mr-3"}}
|
||||
{{svg "octicon-issue-opened" 16 "gt-mr-3"}}
|
||||
{{JsPrettyNumber .NumOpenIssues}} {{$.locale.Tr "repo.issues.open_title"}}
|
||||
{{svg "octicon-check" 16 "mr-3"}}
|
||||
{{svg "octicon-check" 16 "gt-mr-3"}}
|
||||
{{JsPrettyNumber .NumClosedIssues}} {{$.locale.Tr "repo.issues.closed_title"}}
|
||||
{{if .TotalTrackedTime}}
|
||||
{{svg "octicon-clock"}} {{.TotalTrackedTime|Sec2Time}}
|
||||
|
@ -29,10 +29,10 @@
|
||||
<a :class="{item: true, active: tab === 'organizations'}" @click="changeTab('organizations')">{{.locale.Tr "organization"}}</a>
|
||||
</div>
|
||||
<div v-show="tab === 'repos'" class="ui tab active list dashboard-repos">
|
||||
<h4 class="ui top attached header df ac">
|
||||
<div class="f1 df ac">
|
||||
<h4 class="ui top attached header gt-df gt-ac">
|
||||
<div class="gt-f1 gt-df gt-ac">
|
||||
{{.locale.Tr "home.my_repos"}}
|
||||
<span class="ui grey label ml-3">${reposTotalCount}</span>
|
||||
<span class="ui grey label gt-ml-3">${reposTotalCount}</span>
|
||||
</div>
|
||||
<a class="tooltip" :href="subUrl + '/repo/create'" data-content="{{.locale.Tr "new_repo"}}" data-position="left center">
|
||||
{{svg "octicon-plus"}}
|
||||
@ -42,30 +42,30 @@
|
||||
<div class="ui attached segment repos-search">
|
||||
<div class="ui fluid right action left icon input" :class="{loading: isLoading}">
|
||||
<input @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" placeholder="{{.locale.Tr "home.search_repos"}}">
|
||||
<i class="icon df ac jc">{{svg "octicon-search" 16}}</i>
|
||||
<i class="icon gt-df gt-ac gt-jc">{{svg "octicon-search" 16}}</i>
|
||||
<div class="ui dropdown icon button" title="{{.locale.Tr "home.filter"}}">
|
||||
<i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i>
|
||||
<i class="icon gt-df gt-ac gt-jc gt-m-0">{{svg "octicon-filter" 16}}</i>
|
||||
<div class="menu">
|
||||
<div class="item">
|
||||
<a @click="toggleArchivedFilter()">
|
||||
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.locale.Tr "home.show_both_archived_unarchived"}}" v-if="archivedFilter === 'both'">
|
||||
<input type="checkbox">
|
||||
<label>
|
||||
{{svg "octicon-archive" 16 "mr-2"}}
|
||||
{{svg "octicon-archive" 16 "gt-mr-2"}}
|
||||
{{.locale.Tr "home.show_archived"}}
|
||||
</label>
|
||||
</div>
|
||||
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.locale.Tr "home.show_only_unarchived"}}" v-if="archivedFilter === 'unarchived'">
|
||||
<input type="checkbox">
|
||||
<label>
|
||||
{{svg "octicon-archive" 16 "mr-2"}}
|
||||
{{svg "octicon-archive" 16 "gt-mr-2"}}
|
||||
{{.locale.Tr "home.show_archived"}}
|
||||
</label>
|
||||
</div>
|
||||
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.locale.Tr "home.show_only_archived"}}" v-if="archivedFilter === 'archived'">
|
||||
<input type="checkbox">
|
||||
<label>
|
||||
{{svg "octicon-archive" 16 "mr-2"}}
|
||||
{{svg "octicon-archive" 16 "gt-mr-2"}}
|
||||
{{.locale.Tr "home.show_archived"}}
|
||||
</label>
|
||||
</div>
|
||||
@ -76,21 +76,21 @@
|
||||
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.locale.Tr "home.show_both_private_public"}}" v-if="privateFilter === 'both'">
|
||||
<input type="checkbox">
|
||||
<label>
|
||||
{{svg "octicon-lock" 16 "mr-2"}}
|
||||
{{svg "octicon-lock" 16 "gt-mr-2"}}
|
||||
{{.locale.Tr "home.show_private"}}
|
||||
</label>
|
||||
</div>
|
||||
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.locale.Tr "home.show_only_public"}}" v-if="privateFilter === 'public'">
|
||||
<input type="checkbox">
|
||||
<label>
|
||||
{{svg "octicon-lock" 16 "mr-2"}}
|
||||
{{svg "octicon-lock" 16 "gt-mr-2"}}
|
||||
{{.locale.Tr "home.show_private"}}
|
||||
</label>
|
||||
</div>
|
||||
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.locale.Tr "home.show_only_private"}}" v-if="privateFilter === 'private'">
|
||||
<input type="checkbox">
|
||||
<label>
|
||||
{{svg "octicon-lock" 16 "mr-2"}}
|
||||
{{svg "octicon-lock" 16 "gt-mr-2"}}
|
||||
{{.locale.Tr "home.show_private"}}
|
||||
</label>
|
||||
</div>
|
||||
@ -124,71 +124,71 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="repos.length" class="ui attached table segment rounded-bottom">
|
||||
<div v-if="repos.length" class="ui attached table segment gt-rounded-bottom">
|
||||
<ul class="repo-owner-name-list">
|
||||
<li v-for="repo in repos" :class="{'private': repo.private || repo.internal}">
|
||||
<a class="repo-list-link df ac sb" :href="repo.link">
|
||||
<div class="item-name df ac f1 mr-2">
|
||||
<component v-bind:is="repoIcon(repo)" size="16" class="mr-2"></component>
|
||||
<div class="text bold truncate ml-1">${repo.full_name}</div>
|
||||
<a class="repo-list-link gt-df gt-ac gt-sb" :href="repo.link">
|
||||
<div class="item-name gt-df gt-ac gt-f1 gt-mr-2">
|
||||
<component v-bind:is="repoIcon(repo)" size="16" class="gt-mr-2"></component>
|
||||
<div class="text gt-bold truncate gt-ml-1">${repo.full_name}</div>
|
||||
<span v-if="repo.archived">
|
||||
{{svg "octicon-archive" 16 "ml-2"}}
|
||||
{{svg "octicon-archive" 16 "gt-ml-2"}}
|
||||
</span>
|
||||
</div>
|
||||
{{if not .DisableStars}}
|
||||
<div class="text light grey df ac">
|
||||
<div class="text light grey gt-df gt-ac">
|
||||
${repo.stars_count}
|
||||
{{svg "octicon-star" 16 "ml-2"}}
|
||||
{{svg "octicon-star" 16 "gt-ml-2"}}
|
||||
</div>
|
||||
{{end}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div v-if="showMoreReposLink" class="center py-3 border-secondary-top">
|
||||
<div v-if="showMoreReposLink" class="center gt-py-3 gt-border-secondary-top">
|
||||
<div class="ui borderless pagination menu narrow">
|
||||
<a class="item navigation py-2" :class="{'disabled': page === 1}"
|
||||
<a class="item navigation gt-py-2" :class="{'disabled': page === 1}"
|
||||
@click="changePage(1)" title="{{$.locale.Tr "admin.first_page"}}">
|
||||
{{svg "gitea-double-chevron-left" 16 "mr-2"}}
|
||||
{{svg "gitea-double-chevron-left" 16 "gt-mr-2"}}
|
||||
</a>
|
||||
<a class="item navigation py-2" :class="{'disabled': page === 1}"
|
||||
<a class="item navigation gt-py-2" :class="{'disabled': page === 1}"
|
||||
@click="changePage(page - 1)" title="{{$.locale.Tr "repo.issues.previous"}}">
|
||||
{{svg "octicon-chevron-left" 16 "mr-2"}}
|
||||
{{svg "octicon-chevron-left" 16 "gt-mr-2"}}
|
||||
</a>
|
||||
<a class="active item py-2">${page}</a>
|
||||
<a class="active item gt-py-2">${page}</a>
|
||||
<a class="item navigation" :class="{'disabled': page === finalPage}"
|
||||
@click="changePage(page + 1)" title="{{$.locale.Tr "repo.issues.next"}}">
|
||||
{{svg "octicon-chevron-right" 16 "ml-2"}}
|
||||
{{svg "octicon-chevron-right" 16 "gt-ml-2"}}
|
||||
</a>
|
||||
<a class="item navigation py-2" :class="{'disabled': page === finalPage}"
|
||||
<a class="item navigation gt-py-2" :class="{'disabled': page === finalPage}"
|
||||
@click="changePage(finalPage)" title="{{$.locale.Tr "admin.last_page"}}">
|
||||
{{svg "gitea-double-chevron-right" 16 "ml-2"}}
|
||||
{{svg "gitea-double-chevron-right" 16 "gt-ml-2"}}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isOrganization" v-show="tab === 'organizations'" class="ui tab active list dashboard-orgs">
|
||||
<h4 class="ui top attached header df ac">
|
||||
<div class="f1 df ac">
|
||||
<h4 class="ui top attached header gt-df gt-ac">
|
||||
<div class="gt-f1 gt-df gt-ac">
|
||||
{{.locale.Tr "home.my_orgs"}}
|
||||
<span class="ui grey label ml-3">${organizationsTotalCount}</span>
|
||||
<span class="ui grey label gt-ml-3">${organizationsTotalCount}</span>
|
||||
</div>
|
||||
<a v-if="canCreateOrganization" class="tooltip" :href="subUrl + '/org/create'" data-content="{{.locale.Tr "new_org"}}" data-position="left center">
|
||||
{{svg "octicon-plus"}}
|
||||
<span class="sr-only">{{.locale.Tr "new_org"}}</span>
|
||||
</a>
|
||||
</h4>
|
||||
<div v-if="organizations.length" class="ui attached table segment rounded-bottom">
|
||||
<div v-if="organizations.length" class="ui attached table segment gt-rounded-bottom">
|
||||
<ul class="repo-owner-name-list">
|
||||
<li v-for="org in organizations">
|
||||
<a class="repo-list-link df ac sb" :href="subUrl + '/' + encodeURIComponent(org.name)">
|
||||
<div class="text truncate item-name f1">
|
||||
{{svg "octicon-organization" 16 "mr-2"}}
|
||||
<a class="repo-list-link gt-df gt-ac gt-sb" :href="subUrl + '/' + encodeURIComponent(org.name)">
|
||||
<div class="text truncate item-name gt-f1">
|
||||
{{svg "octicon-organization" 16 "gt-mr-2"}}
|
||||
<strong>${org.name}</strong>
|
||||
</div>
|
||||
<div class="text light grey df ac">
|
||||
<div class="text light grey gt-df gt-ac">
|
||||
${org.num_repos}
|
||||
{{svg "octicon-repo" 16 "ml-2 mt-1"}}
|
||||
{{svg "octicon-repo" 16 "gt-ml-2 gt-mt-1"}}
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
Reference in New Issue
Block a user