mirror of
				https://github.com/go-gitea/gitea
				synced 2025-10-31 03:18:24 +00:00 
			
		
		
		
	Migrate margin and padding helpers to tailwind (#30043)
This will conclude the refactor of 1:1 class replacements to tailwind,
except `gt-hidden`. Commands ran:
```bash
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-0#tw-$1$2-0#g'   {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-1#tw-$1$2-0.5#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-2#tw-$1$2-1#g'   {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-3#tw-$1$2-2#g'   {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-4#tw-$1$2-4#g'   {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-5#tw-$1$2-8#g'   {web_src/js,templates,routers,services}/**/*
```
			
			
This commit is contained in:
		| @@ -348,7 +348,7 @@ export default sfc; // activate the IDE's Vue plugin | ||||
|       <h4 class="ui top attached header tw-flex tw-items-center"> | ||||
|         <div class="tw-flex-1 tw-flex tw-items-center"> | ||||
|           {{ textMyRepos }} | ||||
|           <span class="ui grey label gt-ml-3">{{ reposTotalCount }}</span> | ||||
|           <span class="ui grey label tw-ml-2">{{ reposTotalCount }}</span> | ||||
|         </div> | ||||
|         <a class="tw-flex tw-items-center muted" :href="subUrl + '/repo/create' + (isOrganization ? '?org=' + organizationId : '')" :data-tooltip-content="textNewRepo"> | ||||
|           <svg-icon name="octicon-plus"/> | ||||
| @@ -367,7 +367,7 @@ export default sfc; // activate the IDE's Vue plugin | ||||
|                       otherwise if the "input" handles click event for intermediate status, it breaks the internal state--> | ||||
|                   <input type="checkbox" class="hidden" v-bind.prop="checkboxArchivedFilterProps"> | ||||
|                   <label> | ||||
|                     <svg-icon name="octicon-archive" :size="16" class-name="gt-mr-2"/> | ||||
|                     <svg-icon name="octicon-archive" :size="16" class-name="tw-mr-1"/> | ||||
|                     {{ textShowArchived }} | ||||
|                   </label> | ||||
|                 </div> | ||||
| @@ -376,7 +376,7 @@ export default sfc; // activate the IDE's Vue plugin | ||||
|                 <div class="ui checkbox" ref="checkboxPrivateFilter" :title="checkboxPrivateFilterTitle"> | ||||
|                   <input type="checkbox" class="hidden" v-bind.prop="checkboxPrivateFilterProps"> | ||||
|                   <label> | ||||
|                     <svg-icon name="octicon-lock" :size="16" class-name="gt-mr-2"/> | ||||
|                     <svg-icon name="octicon-lock" :size="16" class-name="tw-mr-1"/> | ||||
|                     {{ textShowPrivate }} | ||||
|                   </label> | ||||
|                 </div> | ||||
| @@ -411,7 +411,7 @@ export default sfc; // activate the IDE's Vue plugin | ||||
|       </div> | ||||
|       <div v-if="repos.length" class="ui attached table segment tw-rounded-b"> | ||||
|         <ul class="repo-owner-name-list"> | ||||
|           <li class="tw-flex tw-items-center gt-py-3" v-for="repo, index in repos" :class="{'active': index === activeIndex}" :key="repo.id"> | ||||
|           <li class="tw-flex tw-items-center tw-py-2" v-for="repo, index in repos" :class="{'active': index === activeIndex}" :key="repo.id"> | ||||
|             <a class="repo-list-link muted" :href="repo.link"> | ||||
|               <svg-icon :name="repoIcon(repo)" :size="16" class-name="repo-list-icon"/> | ||||
|               <div class="text truncate">{{ repo.full_name }}</div> | ||||
| @@ -421,37 +421,37 @@ export default sfc; // activate the IDE's Vue plugin | ||||
|             </a> | ||||
|             <a class="tw-flex tw-items-center" v-if="repo.latest_commit_status_state" :href="repo.latest_commit_status_state_link" :data-tooltip-content="repo.locale_latest_commit_status_state"> | ||||
|               <!-- the commit status icon logic is taken from templates/repo/commit_status.tmpl --> | ||||
|               <svg-icon :name="statusIcon(repo.latest_commit_status_state)" :class-name="'gt-ml-3 commit-status icon text ' + statusColor(repo.latest_commit_status_state)" :size="16"/> | ||||
|               <svg-icon :name="statusIcon(repo.latest_commit_status_state)" :class-name="'tw-ml-2 commit-status icon text ' + statusColor(repo.latest_commit_status_state)" :size="16"/> | ||||
|             </a> | ||||
|           </li> | ||||
|         </ul> | ||||
|         <div v-if="showMoreReposLink" class="tw-text-center"> | ||||
|           <div class="divider gt-my-0"/> | ||||
|           <div class="ui borderless pagination menu narrow gt-my-3"> | ||||
|           <div class="divider tw-my-0"/> | ||||
|           <div class="ui borderless pagination menu narrow tw-my-2"> | ||||
|             <a | ||||
|               class="item navigation gt-py-2" :class="{'disabled': page === 1}" | ||||
|               class="item navigation tw-py-1" :class="{'disabled': page === 1}" | ||||
|               @click="changePage(1)" :title="textFirstPage" | ||||
|             > | ||||
|               <svg-icon name="gitea-double-chevron-left" :size="16" class-name="gt-mr-2"/> | ||||
|               <svg-icon name="gitea-double-chevron-left" :size="16" class-name="tw-mr-1"/> | ||||
|             </a> | ||||
|             <a | ||||
|               class="item navigation gt-py-2" :class="{'disabled': page === 1}" | ||||
|               class="item navigation tw-py-1" :class="{'disabled': page === 1}" | ||||
|               @click="changePage(page - 1)" :title="textPreviousPage" | ||||
|             > | ||||
|               <svg-icon name="octicon-chevron-left" :size="16" clsas-name="gt-mr-2"/> | ||||
|               <svg-icon name="octicon-chevron-left" :size="16" clsas-name="tw-mr-1"/> | ||||
|             </a> | ||||
|             <a class="active item gt-py-2">{{ page }}</a> | ||||
|             <a class="active item tw-py-1">{{ page }}</a> | ||||
|             <a | ||||
|               class="item navigation" :class="{'disabled': page === finalPage}" | ||||
|               @click="changePage(page + 1)" :title="textNextPage" | ||||
|             > | ||||
|               <svg-icon name="octicon-chevron-right" :size="16" class-name="gt-ml-2"/> | ||||
|               <svg-icon name="octicon-chevron-right" :size="16" class-name="tw-ml-1"/> | ||||
|             </a> | ||||
|             <a | ||||
|               class="item navigation gt-py-2" :class="{'disabled': page === finalPage}" | ||||
|               class="item navigation tw-py-1" :class="{'disabled': page === finalPage}" | ||||
|               @click="changePage(finalPage)" :title="textLastPage" | ||||
|             > | ||||
|               <svg-icon name="gitea-double-chevron-right" :size="16" class-name="gt-ml-2"/> | ||||
|               <svg-icon name="gitea-double-chevron-right" :size="16" class-name="tw-ml-1"/> | ||||
|             </a> | ||||
|           </div> | ||||
|         </div> | ||||
| @@ -461,7 +461,7 @@ export default sfc; // activate the IDE's Vue plugin | ||||
|       <h4 class="ui top attached header tw-flex tw-items-center"> | ||||
|         <div class="tw-flex-1 tw-flex tw-items-center"> | ||||
|           {{ textMyOrgs }} | ||||
|           <span class="ui grey label gt-ml-3">{{ organizationsTotalCount }}</span> | ||||
|           <span class="ui grey label tw-ml-2">{{ organizationsTotalCount }}</span> | ||||
|         </div> | ||||
|         <a class="tw-flex tw-items-center muted" v-if="canCreateOrganization" :href="subUrl + '/org/create'" :data-tooltip-content="textNewOrg"> | ||||
|           <svg-icon name="octicon-plus"/> | ||||
| @@ -469,7 +469,7 @@ export default sfc; // activate the IDE's Vue plugin | ||||
|       </h4> | ||||
|       <div v-if="organizations.length" class="ui attached table segment tw-rounded-b"> | ||||
|         <ul class="repo-owner-name-list"> | ||||
|           <li class="tw-flex tw-items-center gt-py-3" v-for="org in organizations" :key="org.name"> | ||||
|           <li class="tw-flex tw-items-center tw-py-2" v-for="org in organizations" :key="org.name"> | ||||
|             <a class="repo-list-link muted" :href="subUrl + '/' + encodeURIComponent(org.name)"> | ||||
|               <svg-icon name="octicon-organization" :size="16" class-name="repo-list-icon"/> | ||||
|               <div class="text truncate">{{ org.name }}</div> | ||||
| @@ -479,9 +479,9 @@ export default sfc; // activate the IDE's Vue plugin | ||||
|                 </span> | ||||
|               </div> | ||||
|             </a> | ||||
|             <div class="text light grey tw-flex tw-items-center gt-ml-3"> | ||||
|             <div class="text light grey tw-flex tw-items-center tw-ml-2"> | ||||
|               {{ org.num_repos }} | ||||
|               <svg-icon name="octicon-repo" :size="16" class-name="gt-ml-2 gt-mt-1"/> | ||||
|               <svg-icon name="octicon-repo" :size="16" class-name="tw-ml-1 tw-mt-0.5"/> | ||||
|             </div> | ||||
|           </li> | ||||
|         </ul> | ||||
|   | ||||
| @@ -208,7 +208,7 @@ export default { | ||||
|         <div class="gt-ellipsis"> | ||||
|           {{ locale.show_all_commits }} | ||||
|         </div> | ||||
|         <div class="gt-ellipsis text light-2 gt-mb-0"> | ||||
|         <div class="gt-ellipsis text light-2 tw-mb-0"> | ||||
|           {{ locale.stats_num_commits }} | ||||
|         </div> | ||||
|       </div> | ||||
|   | ||||
| @@ -36,12 +36,12 @@ export default { | ||||
| }; | ||||
| </script> | ||||
| <template> | ||||
|   <ol class="diff-stats gt-m-0" ref="root" v-if="store.fileListIsVisible"> | ||||
|   <ol class="diff-stats tw-m-0" ref="root" v-if="store.fileListIsVisible"> | ||||
|     <li v-for="file in store.files" :key="file.NameHash"> | ||||
|       <div class="tw-font-semibold tw-flex tw-items-center pull-right"> | ||||
|         <span v-if="file.IsBin" class="gt-ml-1 gt-mr-3">{{ store.binaryFileMessage }}</span> | ||||
|         <span v-if="file.IsBin" class="tw-ml-0.5 tw-mr-2">{{ store.binaryFileMessage }}</span> | ||||
|         {{ file.IsBin ? '' : file.Addition + file.Deletion }} | ||||
|         <span v-if="!file.IsBin" class="diff-stats-bar gt-mx-3" :data-tooltip-content="store.statisticsMessage.replace('%d', (file.Addition + file.Deletion)).replace('%d', file.Addition).replace('%d', file.Deletion)"> | ||||
|         <span v-if="!file.IsBin" class="diff-stats-bar tw-mx-2" :data-tooltip-content="store.statisticsMessage.replace('%d', (file.Addition + file.Deletion)).replace('%d', file.Addition).replace('%d', file.Deletion)"> | ||||
|           <div class="diff-stats-add-bar" :style="{ 'width': diffStatsWidth(file.Addition, file.Deletion) }"/> | ||||
|         </span> | ||||
|       </div> | ||||
| @@ -49,7 +49,7 @@ export default { | ||||
|       <span :class="['status', diffTypeToString(file.Type)]" :data-tooltip-content="diffTypeToString(file.Type)"> </span> | ||||
|       <a class="file gt-mono" :href="'#diff-' + file.NameHash">{{ file.Name }}</a> | ||||
|     </li> | ||||
|     <li v-if="store.isIncomplete" class="gt-pt-2"> | ||||
|     <li v-if="store.isIncomplete" class="tw-pt-1"> | ||||
|       <span class="file tw-flex tw-items-center tw-justify-between">{{ store.tooManyFilesMessage }} | ||||
|         <a :class="['ui', 'basic', 'tiny', 'button', store.isLoadingNewData ? 'disabled' : '']" @click.stop="loadMoreData">{{ store.showMoreMessage }}</a> | ||||
|       </span> | ||||
|   | ||||
| @@ -129,7 +129,7 @@ export default { | ||||
|   <div v-if="store.fileTreeIsVisible" class="diff-file-tree-items"> | ||||
|     <!-- only render the tree if we're visible. in many cases this is something that doesn't change very often --> | ||||
|     <DiffFileTreeItem v-for="item in fileTree" :key="item.name" :item="item"/> | ||||
|     <div v-if="store.isIncomplete" class="gt-pt-2"> | ||||
|     <div v-if="store.isIncomplete" class="tw-pt-1"> | ||||
|       <a :class="['ui', 'basic', 'tiny', 'button', store.isLoadingNewData ? 'disabled' : '']" @click.stop="loadMoreData">{{ store.showMoreMessage }}</a> | ||||
|     </div> | ||||
|   </div> | ||||
|   | ||||
| @@ -108,7 +108,7 @@ export default { | ||||
|         <div class="field"> | ||||
|           <textarea name="merge_message_field" rows="5" :placeholder="mergeForm.mergeMessageFieldPlaceHolder" v-model="mergeMessageFieldValue"/> | ||||
|           <template v-if="mergeMessageFieldValue !== mergeForm.defaultMergeMessage"> | ||||
|             <button @click.prevent="clearMergeMessage" class="btn gt-mt-2 gt-p-2 interact-fg" :data-tooltip-content="mergeForm.textClearMergeMessageHint"> | ||||
|             <button @click.prevent="clearMergeMessage" class="btn tw-mt-1 tw-p-1 interact-fg" :data-tooltip-content="mergeForm.textClearMergeMessageHint"> | ||||
|               {{ mergeForm.textClearMergeMessage }} | ||||
|             </button> | ||||
|           </template> | ||||
| @@ -130,7 +130,7 @@ export default { | ||||
|         {{ mergeForm.textCancel }} | ||||
|       </button> | ||||
|  | ||||
|       <div class="ui checkbox gt-ml-2" v-if="mergeForm.isPullBranchDeletable && !autoMergeWhenSucceed"> | ||||
|       <div class="ui checkbox tw-ml-1" v-if="mergeForm.isPullBranchDeletable && !autoMergeWhenSucceed"> | ||||
|         <input name="delete_branch_after_merge" type="checkbox" v-model="deleteBranchAfterMerge" id="delete-branch-after-merge"> | ||||
|         <label for="delete-branch-after-merge">{{ mergeForm.textDeleteBranch }}</label> | ||||
|       </div> | ||||
| @@ -177,7 +177,7 @@ export default { | ||||
|       </div> | ||||
|  | ||||
|       <!-- the cancel auto merge button --> | ||||
|       <form v-if="mergeForm.hasPendingPullRequestMerge" :action="mergeForm.baseLink+'/cancel_auto_merge'" method="post" class="gt-ml-4"> | ||||
|       <form v-if="mergeForm.hasPendingPullRequestMerge" :action="mergeForm.baseLink+'/cancel_auto_merge'" method="post" class="tw-ml-4"> | ||||
|         <input type="hidden" name="_csrf" :value="csrfToken"> | ||||
|         <button class="ui button"> | ||||
|           {{ mergeForm.textAutoMergeCancelSchedule }} | ||||
|   | ||||
| @@ -377,7 +377,7 @@ export function initRepositoryActionView() { | ||||
|         <button class="ui basic small compact button red" @click="cancelRun()" v-else-if="run.canCancel"> | ||||
|           {{ locale.cancel }} | ||||
|         </button> | ||||
|         <button class="ui basic small compact button gt-mr-0 link-action" :data-url="`${run.link}/rerun`" v-else-if="run.canRerun"> | ||||
|         <button class="ui basic small compact button tw-mr-0 link-action" :data-url="`${run.link}/rerun`" v-else-if="run.canRerun"> | ||||
|           {{ locale.rerun_all }} | ||||
|         </button> | ||||
|       </div> | ||||
| @@ -398,10 +398,10 @@ export function initRepositoryActionView() { | ||||
|             <a class="job-brief-item" :href="run.link+'/jobs/'+index" :class="parseInt(jobIndex) === index ? 'selected' : ''" v-for="(job, index) in run.jobs" :key="job.id" @mouseenter="onHoverRerunIndex = job.id" @mouseleave="onHoverRerunIndex = -1"> | ||||
|               <div class="job-brief-item-left"> | ||||
|                 <ActionRunStatus :locale-status="locale.status[job.status]" :status="job.status"/> | ||||
|                 <span class="job-brief-name gt-mx-3 gt-ellipsis">{{ job.name }}</span> | ||||
|                 <span class="job-brief-name tw-mx-2 gt-ellipsis">{{ job.name }}</span> | ||||
|               </div> | ||||
|               <span class="job-brief-item-right"> | ||||
|                 <SvgIcon name="octicon-sync" role="button" :data-tooltip-content="locale.rerun" class="job-brief-rerun gt-mx-3 link-action" :data-url="`${run.link}/jobs/${index}/rerun`" v-if="job.canRerun && onHoverRerunIndex === job.id"/> | ||||
|                 <SvgIcon name="octicon-sync" role="button" :data-tooltip-content="locale.rerun" class="job-brief-rerun tw-mx-2 link-action" :data-url="`${run.link}/jobs/${index}/rerun`" v-if="job.canRerun && onHoverRerunIndex === job.id"/> | ||||
|                 <span class="step-summary-duration">{{ job.duration }}</span> | ||||
|               </span> | ||||
|             </a> | ||||
| @@ -436,7 +436,7 @@ export function initRepositoryActionView() { | ||||
|           </div> | ||||
|           <div class="job-info-header-right"> | ||||
|             <div class="ui top right pointing dropdown custom jump item" @click.stop="menuVisible = !menuVisible" @keyup.enter="menuVisible = !menuVisible"> | ||||
|               <button class="btn gt-interact-bg gt-p-3"> | ||||
|               <button class="btn gt-interact-bg tw-p-2"> | ||||
|                 <SvgIcon name="octicon-gear" :size="18"/> | ||||
|               </button> | ||||
|               <div class="menu transition action-job-menu" :class="{visible: menuVisible}" v-if="menuVisible" v-cloak> | ||||
| @@ -467,9 +467,9 @@ export function initRepositoryActionView() { | ||||
|               <!-- If the job is done and the job step log is loaded for the first time, show the loading icon | ||||
|                 currentJobStepsStates[i].cursor === null means the log is loaded for the first time | ||||
|               --> | ||||
|               <SvgIcon v-if="isDone(run.status) && currentJobStepsStates[i].expanded && currentJobStepsStates[i].cursor === null" name="octicon-sync" class="gt-mr-3 job-status-rotate"/> | ||||
|               <SvgIcon v-else :name="currentJobStepsStates[i].expanded ? 'octicon-chevron-down': 'octicon-chevron-right'" :class="['gt-mr-3', !isExpandable(jobStep.status) && 'tw-invisible']"/> | ||||
|               <ActionRunStatus :status="jobStep.status" class="gt-mr-3"/> | ||||
|               <SvgIcon v-if="isDone(run.status) && currentJobStepsStates[i].expanded && currentJobStepsStates[i].cursor === null" name="octicon-sync" class="tw-mr-2 job-status-rotate"/> | ||||
|               <SvgIcon v-else :name="currentJobStepsStates[i].expanded ? 'octicon-chevron-down': 'octicon-chevron-right'" :class="['tw-mr-2', !isExpandable(jobStep.status) && 'tw-invisible']"/> | ||||
|               <ActionRunStatus :status="jobStep.status" class="tw-mr-2"/> | ||||
|  | ||||
|               <span class="step-summary-msg gt-ellipsis">{{ jobStep.summary }}</span> | ||||
|               <span class="step-summary-duration">{{ jobStep.duration }}</span> | ||||
|   | ||||
| @@ -245,13 +245,13 @@ export default sfc; // activate IDE's Vue plugin | ||||
| </script> | ||||
| <template> | ||||
|   <div class="ui dropdown custom"> | ||||
|     <button class="branch-dropdown-button gt-ellipsis ui basic small compact button tw-flex gt-m-0" @click="menuVisible = !menuVisible" @keyup.enter="menuVisible = !menuVisible"> | ||||
|       <span class="text tw-flex tw-items-center gt-mr-2"> | ||||
|     <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"> | ||||
|         <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="gt-ml-3">{{ refNameText }}</strong> | ||||
|           <strong ref="dropdownRefName" class="tw-ml-2">{{ refNameText }}</strong> | ||||
|         </template> | ||||
|       </span> | ||||
|       <svg-icon name="octicon-triangle-down" :size="14" class-name="dropdown icon"/> | ||||
| @@ -263,10 +263,10 @@ export default sfc; // activate IDE's Vue plugin | ||||
|       </div> | ||||
|       <div v-if="showBranchesInDropdown" class="branch-tag-tab"> | ||||
|         <a class="branch-tag-item muted" :class="{active: mode === 'branches'}" href="#" @click="handleTabSwitch('branches')"> | ||||
|           <svg-icon name="octicon-git-branch" :size="16" class-name="gt-mr-2"/>{{ textBranches }} | ||||
|           <svg-icon name="octicon-git-branch" :size="16" class-name="tw-mr-1"/>{{ textBranches }} | ||||
|         </a> | ||||
|         <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-name="gt-mr-2"/>{{ textTags }} | ||||
|           <svg-icon name="octicon-tag" :size="16" class-name="tw-mr-1"/>{{ textTags }} | ||||
|         </a> | ||||
|       </div> | ||||
|       <div class="branch-tag-divider"/> | ||||
|   | ||||
| @@ -150,7 +150,7 @@ export default { | ||||
|     <div class="tw-flex ui segment main-graph"> | ||||
|       <div v-if="isLoading || errorText !== ''" class="gt-tc tw-m-auto"> | ||||
|         <div v-if="isLoading"> | ||||
|           <SvgIcon name="octicon-sync" class="gt-mr-3 job-status-rotate"/> | ||||
|           <SvgIcon name="octicon-sync" class="tw-mr-2 job-status-rotate"/> | ||||
|           {{ locale.loadingInfo }} | ||||
|         </div> | ||||
|         <div v-else class="text red"> | ||||
|   | ||||
| @@ -355,7 +355,7 @@ export default { | ||||
|     <div class="tw-flex ui segment main-graph"> | ||||
|       <div v-if="isLoading || errorText !== ''" class="gt-tc tw-m-auto"> | ||||
|         <div v-if="isLoading"> | ||||
|           <SvgIcon name="octicon-sync" class="gt-mr-3 job-status-rotate"/> | ||||
|           <SvgIcon name="octicon-sync" class="tw-mr-2 job-status-rotate"/> | ||||
|           {{ locale.loadingInfo }} | ||||
|         </div> | ||||
|         <div v-else class="text red"> | ||||
| @@ -379,7 +379,7 @@ export default { | ||||
|           <a :href="contributor.home_link"> | ||||
|             <img class="ui avatar tw-align-middle" height="40" width="40" :src="contributor.avatar_link"> | ||||
|           </a> | ||||
|           <div class="gt-ml-3"> | ||||
|           <div class="tw-ml-2"> | ||||
|             <a v-if="contributor.home_link !== ''" :href="contributor.home_link"><h4>{{ contributor.name }}</h4></a> | ||||
|             <h4 v-else class="contributor-name"> | ||||
|               {{ contributor.name }} | ||||
|   | ||||
| @@ -127,7 +127,7 @@ export default { | ||||
|     <div class="tw-flex ui segment main-graph"> | ||||
|       <div v-if="isLoading || errorText !== ''" class="gt-tc tw-m-auto"> | ||||
|         <div v-if="isLoading"> | ||||
|           <SvgIcon name="octicon-sync" class="gt-mr-3 job-status-rotate"/> | ||||
|           <SvgIcon name="octicon-sync" class="tw-mr-2 job-status-rotate"/> | ||||
|           {{ locale.loadingInfo }} | ||||
|         </div> | ||||
|         <div v-else class="text red"> | ||||
|   | ||||
| @@ -87,7 +87,7 @@ export function initScopedAccessTokenCategories() { | ||||
|  | ||||
| </script> | ||||
| <template> | ||||
|   <div v-for="category in categories" :key="category" class="field gt-pl-2 gt-pb-2 access-token-category"> | ||||
|   <div v-for="category in categories" :key="category" class="field tw-pl-1 tw-pb-1 access-token-category"> | ||||
|     <label class="category-label" :for="'access-token-scope-' + category"> | ||||
|       {{ category }} | ||||
|     </label> | ||||
|   | ||||
| @@ -35,7 +35,7 @@ function addBranches(area, branches, defaultBranch) { | ||||
|  | ||||
| function addLink(parent, href, text, tooltip) { | ||||
|   const link = document.createElement('a'); | ||||
|   link.classList.add('muted', 'gt-px-2'); | ||||
|   link.classList.add('muted', 'tw-px-1'); | ||||
|   link.href = href; | ||||
|   link.textContent = text; | ||||
|   if (tooltip) { | ||||
|   | ||||
| @@ -83,7 +83,7 @@ function filterRepoFiles(filter) { | ||||
|     const cell = document.createElement('td'); | ||||
|     const a = document.createElement('a'); | ||||
|     a.setAttribute('href', `${treeLink}/${pathEscapeSegments(r.matchResult.join(''))}`); | ||||
|     a.innerHTML = svg('octicon-file', 16, 'gt-mr-3'); | ||||
|     a.innerHTML = svg('octicon-file', 16, 'tw-mr-2'); | ||||
|     row.append(cell); | ||||
|     cell.append(a); | ||||
|     for (const [index, part] of r.matchResult.entries()) { | ||||
|   | ||||
| @@ -47,7 +47,7 @@ export function initRepoTopicBar() { | ||||
|           const topicArray = topics.split(','); | ||||
|           topicArray.sort(); | ||||
|           for (const topic of topicArray) { | ||||
|             const $link = $('<a class="ui repo-topic large label topic gt-m-0"></a>'); | ||||
|             const $link = $('<a class="ui repo-topic large label topic tw-m-0"></a>'); | ||||
|             $link.attr('href', `${appSubUrl}/explore/repos?q=${encodeURIComponent(topic)}&topic=1`); | ||||
|             $link.text(topic); | ||||
|             $link.insertBefore($mgrBtn); // insert all new topics before manage button | ||||
|   | ||||
| @@ -18,7 +18,7 @@ function showContentHistoryDetail(issueBaseUrl, commentId, historyId, itemTitleH | ||||
|   ${svg('octicon-x', 16, 'close icon inside')} | ||||
|   <div class="header tw-flex tw-items-center tw-justify-between"> | ||||
|     <div>${itemTitleHtml}</div> | ||||
|     <div class="ui dropdown dialog-header-options gt-mr-5 gt-hidden"> | ||||
|     <div class="ui dropdown dialog-header-options tw-mr-8 gt-hidden"> | ||||
|       ${i18nTextOptions} | ||||
|       ${svg('octicon-triangle-down', 14, 'dropdown icon')} | ||||
|       <div class="menu"> | ||||
|   | ||||
| @@ -109,7 +109,7 @@ function initRepoIssueListAuthorDropdown() { | ||||
|         const processedResults = []; // to be used by dropdown to generate menu items | ||||
|         for (const item of resp.results) { | ||||
|           let html = `<img class="ui avatar tw-align-middle" src="${htmlEscape(item.avatar_link)}" aria-hidden="true" alt="" width="20" height="20"><span class="gt-ellipsis">${htmlEscape(item.username)}</span>`; | ||||
|           if (item.full_name) html += `<span class="search-fullname gt-ml-3">${htmlEscape(item.full_name)}</span>`; | ||||
|           if (item.full_name) html += `<span class="search-fullname tw-ml-2">${htmlEscape(item.full_name)}</span>`; | ||||
|           processedResults.push({value: item.user_id, name: html}); | ||||
|         } | ||||
|         resp.results = processedResults; | ||||
|   | ||||
| @@ -272,11 +272,11 @@ export function initRepoCommentForm() { | ||||
|  | ||||
|       let icon = ''; | ||||
|       if (input_id === '#milestone_id') { | ||||
|         icon = svg('octicon-milestone', 18, 'gt-mr-3'); | ||||
|         icon = svg('octicon-milestone', 18, 'tw-mr-2'); | ||||
|       } else if (input_id === '#project_id') { | ||||
|         icon = svg('octicon-project', 18, 'gt-mr-3'); | ||||
|         icon = svg('octicon-project', 18, 'tw-mr-2'); | ||||
|       } else if (input_id === '#assignee_id') { | ||||
|         icon = `<img class="ui avatar image gt-mr-3" alt="avatar" src=${$(this).data('avatar')}>`; | ||||
|         icon = `<img class="ui avatar image tw-mr-2" alt="avatar" src=${$(this).data('avatar')}>`; | ||||
|       } | ||||
|  | ||||
|       $list.find('.selected').html(` | ||||
|   | ||||
| @@ -36,7 +36,7 @@ function makeCollections({mentions, emoji}) { | ||||
|       menuItemTemplate: (item) => { | ||||
|         return ` | ||||
|           <div class="tribute-item"> | ||||
|             <img src="${htmlEscape(item.original.avatar)}" class="gt-mr-3"/> | ||||
|             <img src="${htmlEscape(item.original.avatar)}" class="tw-mr-2"/> | ||||
|             <span class="name">${htmlEscape(item.original.name)}</span> | ||||
|             ${item.original.fullname && item.original.fullname !== '' ? `<span class="fullname">${htmlEscape(item.original.fullname)}</span>` : ''} | ||||
|           </div> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user