mirrors/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-04-26 06:04:46 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix styling imperfections of the original selector implementation

Browse source
This commit is contained in:
0ko 2025-03-10 00:02:10 +05:00
parent 727a386453
commit 2980524a82
4 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
templates/repo/diff/compare.tmpl
View file

@ -41,10 +41,10 @@
</div> </div>
<div class="branch-tag-tab"> <div class="branch-tag-tab">
<a class="reference column branch-tag-item text black" href="#" data-target=".base-branch-list"> <a class="reference column branch-tag-item text black" href="#" data-target=".base-branch-list">
{{svg "octicon-git-branch" 16 "tw-mr-1"}}{{ctx.Locale.Tr "repo.branches"}} {{svg "octicon-git-branch"}}{{ctx.Locale.Tr "repo.branches"}}
</a> </a>
<a class="reference column branch-tag-item text black" href="#" data-target=".base-tag-list"> <a class="reference column branch-tag-item text black" href="#" data-target=".base-tag-list">
{{svg "octicon-tag" 16 "tw-mr-1"}}{{ctx.Locale.Tr "repo.tags"}} {{svg "octicon-tag"}}{{ctx.Locale.Tr "repo.tags"}}
</a> </a>
</div> </div>
<div class="scrolling menu reference-list-menu base-branch-list"> <div class="scrolling menu reference-list-menu base-branch-list">
@ -102,10 +102,10 @@
</div> </div>
<div class="branch-tag-tab"> <div class="branch-tag-tab">
<a class="reference column branch-tag-item text black" href="#" data-target=".head-branch-list"> <a class="reference column branch-tag-item text black" href="#" data-target=".head-branch-list">
{{svg "octicon-git-branch" 16 "tw-mr-1"}}{{ctx.Locale.Tr "repo.branches"}} {{svg "octicon-git-branch"}}{{ctx.Locale.Tr "repo.branches"}}
</a> </a>
<a class="reference column branch-tag-item text black" href="#" data-target=".head-tag-list"> <a class="reference column branch-tag-item text black" href="#" data-target=".head-tag-list">
{{svg "octicon-tag" 16 "tw-mr-1"}}{{ctx.Locale.Tr "repo.tags"}} {{svg "octicon-tag"}}{{ctx.Locale.Tr "repo.tags"}}
</a> </a>
</div> </div>
<div class="scrolling menu reference-list-menu head-branch-list"> <div class="scrolling menu reference-list-menu head-branch-list">

4
templates/repo/issue/view_content/sidebar/branch_selector_field.tmpl
View file

@ -17,10 +17,10 @@
</div> </div>
<div class="branch-tag-tab"> <div class="branch-tag-tab">
<a class="reference column branch-tag-item text black" href="#" data-target="#branch-list"> <a class="reference column branch-tag-item text black" href="#" data-target="#branch-list">
{{svg "octicon-git-branch" 16 "tw-mr-1"}}{{ctx.Locale.Tr "repo.branches"}} {{svg "octicon-git-branch"}}{{ctx.Locale.Tr "repo.branches"}}
</a> </a>
<a class="reference column branch-tag-item text black" href="#" data-target="#tag-list"> <a class="reference column branch-tag-item text black" href="#" data-target="#tag-list">
{{svg "octicon-tag" 16 "tw-mr-1"}}{{ctx.Locale.Tr "repo.tags"}} {{svg "octicon-tag"}}{{ctx.Locale.Tr "repo.tags"}}
</a> </a>
</div> </div>
<div class="branch-tag-divider"></div> <div class="branch-tag-divider"></div>

4
web_src/css/repo.css
View file

@ -1158,7 +1158,9 @@ td .commit-summary {
} }
.branch-tag-item { .branch-tag-item {
display: inline-block; display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px; padding: 10px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;

4
web_src/js/components/RepoBranchTagSelector.vue
View file

@ -265,10 +265,10 @@ export default sfc; // activate IDE's Vue plugin
</div> </div>
<div v-if="showBranchesInDropdown" class="branch-tag-tab"> <div v-if="showBranchesInDropdown" class="branch-tag-tab">
<a class="branch-tag-item muted" :class="{active: mode === 'branches'}" href="#" @click="handleTabSwitch('branches')"> <a class="branch-tag-item muted" :class="{active: mode === 'branches'}" href="#" @click="handleTabSwitch('branches')">
<svg-icon name="octicon-git-branch" :size="16" class="tw-mr-1"/>{{ textBranches }} <svg-icon name="octicon-git-branch" :size="16"/>{{ textBranches }}
</a> </a>
<a v-if="!noTag" class="branch-tag-item muted" :class="{active: mode === 'tags'}" href="#" @click="handleTabSwitch('tags')"> <a v-if="!noTag" class="branch-tag-item muted" :class="{active: mode === 'tags'}" href="#" @click="handleTabSwitch('tags')">
<svg-icon name="octicon-tag" :size="16" class="tw-mr-1"/>{{ textTags }} <svg-icon name="octicon-tag" :size="16"/>{{ textTags }}
</a> </a>
</div> </div>
<div class="branch-tag-divider"/> <div class="branch-tag-divider"/>