Issue sidebar and misc css fixes (#15524)
- Replace remaining font icons with SVG in issue sidebar - Rework issue due date display - Realign avatar in timeline - Fix font size in repo search and code explore - Consolidate active button styles - Fix loading form on arc-green - Align time tracker buttons vertically Fixes: https://github.com/go-gitea/gitea/issues/15896
This commit is contained in:
		
							parent
							
								
									892e6561ff
								
							
						
					
					
						commit
						a32bfd867d
					
				
					 9 changed files with 92 additions and 84 deletions
				
			
		|  | @ -50,7 +50,7 @@ | ||||||
| 														<a href="{{EscapePound $repo.HTMLURL}}/src/commit/{{$result.CommitID}}/{{EscapePound $result.Filename}}#L{{.}}"><span>{{.}}</span></a> | 														<a href="{{EscapePound $repo.HTMLURL}}/src/commit/{{$result.CommitID}}/{{EscapePound $result.Filename}}#L{{.}}"><span>{{.}}</span></a> | ||||||
| 													{{end}} | 													{{end}} | ||||||
| 												</td> | 												</td> | ||||||
| 												<td class="lines-code"><pre><code class="chroma"><ol class="linenums">{{.FormattedLines | Safe}}</ol></code></pre></td> | 												<td class="lines-code chroma"><code class="code-inner">{{.FormattedLines | Safe}}</code></td> | ||||||
| 											</tr> | 											</tr> | ||||||
| 										</tbody> | 										</tbody> | ||||||
| 									</table> | 									</table> | ||||||
|  |  | ||||||
|  | @ -6,12 +6,12 @@ | ||||||
| 
 | 
 | ||||||
| 			<input id="reviewer_id" name="reviewer_id" type="hidden" value="{{.reviewer_id}}"> | 			<input id="reviewer_id" name="reviewer_id" type="hidden" value="{{.reviewer_id}}"> | ||||||
| 			<div class="ui {{if or (not .Reviewers) (not .CanChooseReviewer) .Repository.IsArchived}}disabled{{end}} floating jump select-reviewers-modify dropdown"> | 			<div class="ui {{if or (not .Reviewers) (not .CanChooseReviewer) .Repository.IsArchived}}disabled{{end}} floating jump select-reviewers-modify dropdown"> | ||||||
| 				<span class="text"> | 				<a class="text df ac muted"> | ||||||
| 					<strong>{{.i18n.Tr "repo.issues.review.reviewers"}}</strong> | 					<strong>{{.i18n.Tr "repo.issues.review.reviewers"}}</strong> | ||||||
| 					{{if and .CanChooseReviewer (not .Repository.IsArchived)}} | 					{{if and .CanChooseReviewer (not .Repository.IsArchived)}} | ||||||
| 						{{svg "octicon-gear"}} | 						{{svg "octicon-gear" 16 "ml-2"}} | ||||||
| 					{{end}} | 					{{end}} | ||||||
| 				</span> | 				</a> | ||||||
| 				<div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/request_review"> | 				<div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/request_review"> | ||||||
| 					<div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_reviewer_title"}}</div> | 					<div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_reviewer_title"}}</div> | ||||||
| 					{{if .Reviewers}} | 					{{if .Reviewers}} | ||||||
|  | @ -95,12 +95,12 @@ | ||||||
| 		{{end}} | 		{{end}} | ||||||
| 
 | 
 | ||||||
| 		<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-label dropdown"> | 		<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-label dropdown"> | ||||||
| 			<span class="text"> | 			<a class="text df ac muted"> | ||||||
| 				<strong>{{.i18n.Tr "repo.issues.new.labels"}}</strong> | 				<strong>{{.i18n.Tr "repo.issues.new.labels"}}</strong> | ||||||
| 				{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | 				{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | ||||||
| 					{{svg "octicon-gear"}} | 					{{svg "octicon-gear" 16 "ml-2"}} | ||||||
| 				{{end}} | 				{{end}} | ||||||
| 			</span> | 			</a> | ||||||
| 			<div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/labels"> | 			<div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/labels"> | ||||||
| 				<div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_labels_title"}}</div> | 				<div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_labels_title"}}</div> | ||||||
| 				{{if or .Labels .OrgLabels}} | 				{{if or .Labels .OrgLabels}} | ||||||
|  | @ -130,12 +130,12 @@ | ||||||
| 		<div class="ui divider"></div> | 		<div class="ui divider"></div> | ||||||
| 
 | 
 | ||||||
| 		<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-milestone dropdown"> | 		<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-milestone dropdown"> | ||||||
| 			<span class="text"> | 			<a class="text df ac muted"> | ||||||
| 				<strong>{{.i18n.Tr "repo.issues.new.milestone"}}</strong> | 				<strong>{{.i18n.Tr "repo.issues.new.milestone"}}</strong> | ||||||
| 				{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | 				{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | ||||||
| 					{{svg "octicon-gear"}} | 					{{svg "octicon-gear" 16 "ml-2"}} | ||||||
| 				{{end}} | 				{{end}} | ||||||
| 			</span> | 			</a> | ||||||
| 			<div class="menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/milestone"> | 			<div class="menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/milestone"> | ||||||
| 				<div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_milestone_title"}}</div> | 				<div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_milestone_title"}}</div> | ||||||
| 				{{if or .OpenMilestones .ClosedMilestones}} | 				{{if or .OpenMilestones .ClosedMilestones}} | ||||||
|  | @ -193,12 +193,12 @@ | ||||||
| 			<div class="ui divider"></div> | 			<div class="ui divider"></div> | ||||||
| 
 | 
 | ||||||
| 			<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-project dropdown"> | 			<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-project dropdown"> | ||||||
| 				<span class="text"> | 				<a class="text df ac muted"> | ||||||
| 					<strong>{{.i18n.Tr "repo.issues.new.projects"}}</strong> | 					<strong>{{.i18n.Tr "repo.issues.new.projects"}}</strong> | ||||||
| 					{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | 					{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | ||||||
| 						{{svg "octicon-gear"}} | 						{{svg "octicon-gear" 16 "ml-2"}} | ||||||
| 					{{end}} | 					{{end}} | ||||||
| 				</span> | 				</a> | ||||||
| 				<div class="menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/projects"> | 				<div class="menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/projects"> | ||||||
| 					<div class="no-select item">{{.i18n.Tr "repo.issues.new.clear_projects"}}</div> | 					<div class="no-select item">{{.i18n.Tr "repo.issues.new.clear_projects"}}</div> | ||||||
| 					{{if .OpenProjects}} | 					{{if .OpenProjects}} | ||||||
|  | @ -244,12 +244,12 @@ | ||||||
| 
 | 
 | ||||||
| 		<input id="assignee_id" name="assignee_id" type="hidden" value="{{.assignee_id}}"> | 		<input id="assignee_id" name="assignee_id" type="hidden" value="{{.assignee_id}}"> | ||||||
| 		<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-assignees-modify dropdown"> | 		<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-assignees-modify dropdown"> | ||||||
| 			<span class="text"> | 			<a class="text df ac muted"> | ||||||
| 				<strong>{{.i18n.Tr "repo.issues.new.assignees"}}</strong> | 				<strong>{{.i18n.Tr "repo.issues.new.assignees"}}</strong> | ||||||
| 				{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | 				{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | ||||||
| 					{{svg "octicon-gear"}} | 					{{svg "octicon-gear" 16 "ml-2"}} | ||||||
| 				{{end}} | 				{{end}} | ||||||
| 			</span> | 			</a> | ||||||
| 			<div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/assignee"> | 			<div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/assignee"> | ||||||
| 				<div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_assignees_title"}}</div> | 				<div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_assignees_title"}}</div> | ||||||
| 				<div class="ui icon search input"> | 				<div class="ui icon search input"> | ||||||
|  | @ -312,12 +312,12 @@ | ||||||
| 					<form method="POST" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/watch"> | 					<form method="POST" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/watch"> | ||||||
| 						<input type="hidden" name="watch" value="{{if $.IssueWatch.IsWatching}}0{{else}}1{{end}}" /> | 						<input type="hidden" name="watch" value="{{if $.IssueWatch.IsWatching}}0{{else}}1{{end}}" /> | ||||||
| 						{{$.CsrfTokenHtml}} | 						{{$.CsrfTokenHtml}} | ||||||
| 						<button class="fluid ui button"> | 						<button class="fluid ui button df jc"> | ||||||
| 							{{if $.IssueWatch.IsWatching}} | 							{{if $.IssueWatch.IsWatching}} | ||||||
| 								{{svg "octicon-mute"}} | 								{{svg "octicon-mute" 16 "mr-3"}} | ||||||
| 								{{.i18n.Tr "repo.issues.unsubscribe"}} | 								{{.i18n.Tr "repo.issues.unsubscribe"}} | ||||||
| 							{{else}} | 							{{else}} | ||||||
| 								{{svg "octicon-unmute"}} | 								{{svg "octicon-unmute" 16 "mr-3"}} | ||||||
| 								{{.i18n.Tr "repo.issues.subscribe"}} | 								{{.i18n.Tr "repo.issues.subscribe"}} | ||||||
| 							{{end}} | 							{{end}} | ||||||
| 						</button> | 						</button> | ||||||
|  | @ -338,18 +338,15 @@ | ||||||
| 							{{$.CsrfTokenHtml}} | 							{{$.CsrfTokenHtml}} | ||||||
| 						</form> | 						</form> | ||||||
| 						{{if  $.IsStopwatchRunning}} | 						{{if  $.IsStopwatchRunning}} | ||||||
| 							<div class="ui buttons fluid"> | 							<button class="ui fluid button issue-stop-time">{{.i18n.Tr "repo.issues.stop_tracking"}}</button> | ||||||
| 								<button class="ui button issue-stop-time">{{.i18n.Tr "repo.issues.stop_tracking"}}</button> | 							<button class="ui fluid negative button issue-cancel-time mt-3">{{.i18n.Tr "repo.issues.cancel_tracking"}}</button> | ||||||
| 								<button class="ui negative button issue-cancel-time">{{.i18n.Tr "repo.issues.cancel_tracking"}}</button> |  | ||||||
| 							</div> |  | ||||||
| 						{{else}} | 						{{else}} | ||||||
| 							{{if .HasUserStopwatch}} | 							{{if .HasUserStopwatch}} | ||||||
| 								<div class="ui warning message"> | 								<div class="ui warning message"> | ||||||
| 									{{.i18n.Tr "repo.issues.tracking_already_started" .OtherStopwatchURL | Safe}} | 									{{.i18n.Tr "repo.issues.tracking_already_started" .OtherStopwatchURL | Safe}} | ||||||
| 								</div> | 								</div> | ||||||
| 							{{end}} | 							{{end}} | ||||||
| 							<div class="ui buttons two fluid"> | 							<button class="ui fluid button poping up issue-start-time" data-content='{{.i18n.Tr "repo.issues.start_tracking"}}' data-position="top center" data-variation="small inverted">{{.i18n.Tr "repo.issues.start_tracking_short"}}</button> | ||||||
| 								<button class="ui button poping up issue-start-time" data-content='{{.i18n.Tr "repo.issues.start_tracking"}}' data-position="top center" data-variation="small inverted">{{.i18n.Tr "repo.issues.start_tracking_short"}}</button> |  | ||||||
| 							<div class="ui mini modal issue-start-time-modal"> | 							<div class="ui mini modal issue-start-time-modal"> | ||||||
| 								<div class="header">{{.i18n.Tr "repo.issues.add_time"}}</div> | 								<div class="header">{{.i18n.Tr "repo.issues.add_time"}}</div> | ||||||
| 								<div class="content"> | 								<div class="content"> | ||||||
|  | @ -364,8 +361,7 @@ | ||||||
| 									<div class="ui red cancel button">{{.i18n.Tr "repo.issues.add_time_cancel"}}</div> | 									<div class="ui red cancel button">{{.i18n.Tr "repo.issues.add_time_cancel"}}</div> | ||||||
| 								</div> | 								</div> | ||||||
| 							</div> | 							</div> | ||||||
| 								<button class="ui button green poping up issue-add-time" data-content='{{.i18n.Tr "repo.issues.add_time"}}' data-position="top center" data-variation="small inverted">{{.i18n.Tr "repo.issues.add_time_short"}}</button> | 							<button class="ui fluid button green poping up issue-add-time mt-3" data-content='{{.i18n.Tr "repo.issues.add_time"}}' data-position="top center" data-variation="small inverted">{{.i18n.Tr "repo.issues.add_time_short"}}</button> | ||||||
| 							</div> |  | ||||||
| 						{{end}} | 						{{end}} | ||||||
| 					</div> | 					</div> | ||||||
| 				</div> | 				</div> | ||||||
|  | @ -397,21 +393,23 @@ | ||||||
| 		<span class="text"><strong>{{.i18n.Tr "repo.issues.due_date"}}</strong></span> | 		<span class="text"><strong>{{.i18n.Tr "repo.issues.due_date"}}</strong></span> | ||||||
| 		<div class="ui form" id="deadline-loader"> | 		<div class="ui form" id="deadline-loader"> | ||||||
| 			<div class="ui negative message" id="deadline-err-invalid-date" style="display: none;"> | 			<div class="ui negative message" id="deadline-err-invalid-date" style="display: none;"> | ||||||
| 				<i class="close icon"></i> | 				{{svg "octicon-x" 16 "close icon"}} | ||||||
| 				{{.i18n.Tr "repo.issues.due_date_invalid"}} | 				{{.i18n.Tr "repo.issues.due_date_invalid"}} | ||||||
| 			</div> | 			</div> | ||||||
| 			{{if ne .Issue.DeadlineUnix 0}} | 			{{if ne .Issue.DeadlineUnix 0}} | ||||||
| 				<p> | 				<p> | ||||||
| 					{{svg "octicon-calendar"}} | 					<div class="df sb ac"> | ||||||
|  | 						<div class="due-date poping up {{if .Issue.IsOverdue}}text red{{end}}" {{if .Issue.IsOverdue}}data-content="{{.i18n.Tr "repo.issues.due_date_overdue"}}"{{end}}> | ||||||
|  | 							{{svg "octicon-calendar" 16 "mr-3"}} | ||||||
| 							{{.Issue.DeadlineUnix.FormatDate}} | 							{{.Issue.DeadlineUnix.FormatDate}} | ||||||
| 					{{if .Issue.IsOverdue}} | 						</div> | ||||||
| 						<span style="color: red;">{{.i18n.Tr "repo.issues.due_date_overdue"}}</span> | 						<div> | ||||||
| 					{{end}} |  | ||||||
| 							{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | 							{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} | ||||||
| 						<br/> | 								<a class="issue-due-edit poping up muted" data-content="{{$.i18n.Tr "repo.issues.due_date_form_edit"}}">{{svg "octicon-pencil" 16 "mr-2"}}</a> | ||||||
| 						<a class="issue-due-edit"><i class="edit icon"></i>{{$.i18n.Tr "repo.issues.due_date_form_edit"}}</a> - | 								<a class="issue-due-remove poping up muted" data-content="{{$.i18n.Tr "repo.issues.due_date_form_remove"}}">{{svg "octicon-trash"}}</a> | ||||||
| 						<a class="issue-due-remove"><i class="remove icon"></i>{{$.i18n.Tr "repo.issues.due_date_form_remove"}}</a> |  | ||||||
| 							{{end}} | 							{{end}} | ||||||
|  | 						</div> | ||||||
|  | 					</div> | ||||||
| 				</p> | 				</p> | ||||||
| 			{{else}} | 			{{else}} | ||||||
| 				<p><i>{{.i18n.Tr "repo.issues.due_date_not_set"}}</i></p> | 				<p><i>{{.i18n.Tr "repo.issues.due_date_not_set"}}</i></p> | ||||||
|  | @ -424,9 +422,9 @@ | ||||||
| 						<input required placeholder="{{.i18n.Tr "repo.issues.due_date_form"}}" {{if gt .Issue.DeadlineUnix 0}}value="{{.Issue.DeadlineUnix.Format "2006-01-02"}}"{{end}} type="date" name="deadlineDate" id="deadlineDate"> | 						<input required placeholder="{{.i18n.Tr "repo.issues.due_date_form"}}" {{if gt .Issue.DeadlineUnix 0}}value="{{.Issue.DeadlineUnix.Format "2006-01-02"}}"{{end}} type="date" name="deadlineDate" id="deadlineDate"> | ||||||
| 						<button class="ui green icon button"> | 						<button class="ui green icon button"> | ||||||
| 							{{if ne .Issue.DeadlineUnix 0}} | 							{{if ne .Issue.DeadlineUnix 0}} | ||||||
| 								<i class="edit icon"></i> | 								{{svg "octicon-pencil"}} | ||||||
| 							{{else}} | 							{{else}} | ||||||
| 								<i class="plus icon"></i> | 								{{svg "octicon-plus"}} | ||||||
| 							{{end}} | 							{{end}} | ||||||
| 						</button> | 						</button> | ||||||
| 					</form> | 					</form> | ||||||
|  | @ -467,7 +465,7 @@ | ||||||
| 								</div> | 								</div> | ||||||
| 								<div class="item-right df ac"> | 								<div class="item-right df ac"> | ||||||
| 									{{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}} | 									{{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}} | ||||||
| 										<a class="delete-dependency-button poping up ci" data-id="{{.Issue.ID}}" data-type="blocking" data-content="{{$.i18n.Tr "repo.issues.dependency.remove_info"}}" data-inverted=""> | 										<a class="delete-dependency-button poping up ci muted" data-id="{{.Issue.ID}}" data-type="blocking" data-content="{{$.i18n.Tr "repo.issues.dependency.remove_info"}}" data-inverted=""> | ||||||
| 											{{svg "octicon-trash" 16}} | 											{{svg "octicon-trash" 16}} | ||||||
| 										</a> | 										</a> | ||||||
| 									{{end}} | 									{{end}} | ||||||
|  | @ -494,7 +492,7 @@ | ||||||
| 								</div> | 								</div> | ||||||
| 								<div class="item-right df ac"> | 								<div class="item-right df ac"> | ||||||
| 									{{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}} | 									{{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}} | ||||||
| 										<a class="delete-dependency-button poping up ci" data-id="{{.Issue.ID}}" data-type="blockedBy" data-content="{{$.i18n.Tr "repo.issues.dependency.remove_info"}}" data-inverted=""> | 										<a class="delete-dependency-button poping up ci muted" data-id="{{.Issue.ID}}" data-type="blockedBy" data-content="{{$.i18n.Tr "repo.issues.dependency.remove_info"}}" data-inverted=""> | ||||||
| 											{{svg "octicon-trash" 16}} | 											{{svg "octicon-trash" 16}} | ||||||
| 										</a> | 										</a> | ||||||
| 									{{end}} | 									{{end}} | ||||||
|  | @ -516,7 +514,7 @@ | ||||||
| 									<div class="default text">{{.i18n.Tr "repo.issues.dependency.add"}}</div> | 									<div class="default text">{{.i18n.Tr "repo.issues.dependency.add"}}</div> | ||||||
| 								</div> | 								</div> | ||||||
| 								<button class="ui green icon button"> | 								<button class="ui green icon button"> | ||||||
| 									<i class="plus icon"></i> | 									{{svg "octicon-plus"}} | ||||||
| 								</button> | 								</button> | ||||||
| 							</div> | 							</div> | ||||||
| 						</form> | 						</form> | ||||||
|  | @ -550,12 +548,12 @@ | ||||||
| 						{{end}}</p> | 						{{end}}</p> | ||||||
| 					</div> | 					</div> | ||||||
| 					<div class="actions"> | 					<div class="actions"> | ||||||
| 						<div class="ui basic red cancel inverted button"> | 						<div class="ui red cancel inverted button"> | ||||||
| 							<i class="remove icon"></i> | 							{{svg "octicon-x"}} | ||||||
| 							{{.i18n.Tr "repo.issues.dependency.cancel"}} | 							{{.i18n.Tr "repo.issues.dependency.cancel"}} | ||||||
| 						</div> | 						</div> | ||||||
| 						<div class="ui basic green ok inverted button"> | 						<div class="ui green ok inverted button"> | ||||||
| 							<i class="checkmark icon"></i> | 							{{svg "octicon-check"}} | ||||||
| 							{{.i18n.Tr "repo.issues.dependency.remove"}} | 							{{.i18n.Tr "repo.issues.dependency.remove"}} | ||||||
| 						</div> | 						</div> | ||||||
| 					</div> | 					</div> | ||||||
|  |  | ||||||
|  | @ -48,7 +48,7 @@ | ||||||
| 													<a href="{{EscapePound $.SourcePath}}/src/commit/{{$result.CommitID}}/{{EscapePound $result.Filename}}#L{{.}}"><span>{{.}}</span></a> | 													<a href="{{EscapePound $.SourcePath}}/src/commit/{{$result.CommitID}}/{{EscapePound $result.Filename}}#L{{.}}"><span>{{.}}</span></a> | ||||||
| 												{{end}} | 												{{end}} | ||||||
| 											</td> | 											</td> | ||||||
| 											<td class="lines-code"><pre><code class="chroma"><ol class="linenums">{{.FormattedLines | Safe}}</ol></code></pre></td> | 											<td class="lines-code chroma"><code class="code-inner">{{.FormattedLines | Safe}}</code></td> | ||||||
| 										</tr> | 										</tr> | ||||||
| 									</tbody> | 									</tbody> | ||||||
| 								</table> | 								</table> | ||||||
|  |  | ||||||
|  | @ -93,7 +93,9 @@ | ||||||
| 					{{if not .DisableStars}} | 					{{if not .DisableStars}} | ||||||
| 						<a class='{{if eq .TabName "stars"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=stars"> | 						<a class='{{if eq .TabName "stars"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=stars"> | ||||||
| 							{{svg "octicon-star"}} {{.i18n.Tr "user.starred"}} | 							{{svg "octicon-star"}} {{.i18n.Tr "user.starred"}} | ||||||
| 							<div class="ui label">{{.Owner.NumStars}}</div> | 							{{if .Owner.NumStars}} | ||||||
|  | 								<div class="ui primary label">{{.Owner.NumStars}}</div> | ||||||
|  | 							{{end}} | ||||||
| 						</a> | 						</a> | ||||||
| 					{{else}} | 					{{else}} | ||||||
| 						<a class='{{if eq .TabName "watching"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=watching"> | 						<a class='{{if eq .TabName "watching"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=watching"> | ||||||
|  | @ -102,11 +104,15 @@ | ||||||
| 					{{end}} | 					{{end}} | ||||||
| 					<a class='{{if eq .TabName "following"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=following"> | 					<a class='{{if eq .TabName "following"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=following"> | ||||||
| 						{{svg "octicon-person"}} {{.i18n.Tr "user.following"}} | 						{{svg "octicon-person"}} {{.i18n.Tr "user.following"}} | ||||||
| 						<div class="ui label">{{.Owner.NumFollowing}}</div> | 						{{if .Owner.NumFollowing}} | ||||||
|  | 							<div class="ui primary label">{{.Owner.NumFollowing}}</div> | ||||||
|  | 						{{end}} | ||||||
| 					</a> | 					</a> | ||||||
| 					<a class='{{if eq .TabName "followers"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=followers"> | 					<a class='{{if eq .TabName "followers"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=followers"> | ||||||
| 						{{svg "octicon-person"}} {{.i18n.Tr "user.followers"}} | 						{{svg "octicon-person"}} {{.i18n.Tr "user.followers"}} | ||||||
| 						<div class="ui label">{{.Owner.NumFollowers}}</div> | 						{{if .Owner.NumFollowers}} | ||||||
|  | 							<div class="ui primary label">{{.Owner.NumFollowers}}</div> | ||||||
|  | 						{{end}} | ||||||
| 					</a> | 					</a> | ||||||
| 				</div> | 				</div> | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -669,10 +669,16 @@ a.ui.card:hover, | ||||||
|   height: auto; |   height: auto; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .ui.loading.segment::before { | .ui.loading.segment::before, | ||||||
|  | .ui.loading.form::before { | ||||||
|   background: none; |   background: none; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | .ui.loading.form > *, | ||||||
|  | .ui.loading.segment > * { | ||||||
|  |   opacity: .35; | ||||||
|  | } | ||||||
|  | 
 | ||||||
| .ui.loading.loading.input > i.icon svg { | .ui.loading.loading.input > i.icon svg { | ||||||
|   visibility: hidden; |   visibility: hidden; | ||||||
| } | } | ||||||
|  | @ -1589,11 +1595,19 @@ a.ui.label:hover { | ||||||
|   box-shadow: none !important; |   box-shadow: none !important; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | .ui.button:focus, | ||||||
| .ui.button:hover { | .ui.button:hover { | ||||||
|   background: var(--color-hover); |   background: var(--color-hover); | ||||||
|   color: var(--color-text); |   color: var(--color-text); | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | .ui.button:active, | ||||||
|  | .ui.active.button:active, | ||||||
|  | .ui.active.button:hover { | ||||||
|  |   background: var(--color-active); | ||||||
|  |   color: var(--color-text); | ||||||
|  | } | ||||||
|  | 
 | ||||||
| .ui.button.no-text .icon { | .ui.button.no-text .icon { | ||||||
|   margin: 0 !important; |   margin: 0 !important; | ||||||
| } | } | ||||||
|  |  | ||||||
|  | @ -55,6 +55,10 @@ | ||||||
|   background: var(--color-active); |   background: var(--color-active); | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | .editor-statusbar { | ||||||
|  |   color: var(--color-text-light); | ||||||
|  | } | ||||||
|  | 
 | ||||||
| .editor-loading { | .editor-loading { | ||||||
|   padding: 1rem; |   padding: 1rem; | ||||||
|   text-align: center; |   text-align: center; | ||||||
|  |  | ||||||
|  | @ -815,7 +815,7 @@ | ||||||
|         .avatar.image img { |         .avatar.image img { | ||||||
|           width: 20px; |           width: 20px; | ||||||
|           height: 20px; |           height: 20px; | ||||||
|           margin-right: .5rem; |           margin: 0 .25rem; | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|         &:first-child:not(.commit) { |         &:first-child:not(.commit) { | ||||||
|  |  | ||||||
|  | @ -24,7 +24,6 @@ | ||||||
| 
 | 
 | ||||||
| .word-break { | .word-break { | ||||||
|   word-wrap: break-word !important; |   word-wrap: break-word !important; | ||||||
|   word-break: break-all !important; |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .full-screen-width { width: 100vw !important; } | .full-screen-width { width: 100vw !important; } | ||||||
|  |  | ||||||
|  | @ -98,7 +98,7 @@ | ||||||
|   --color-menu: #2e323e; |   --color-menu: #2e323e; | ||||||
|   --color-card: #2e323e; |   --color-card: #2e323e; | ||||||
|   --color-markup-table-row: #ffffff06; |   --color-markup-table-row: #ffffff06; | ||||||
|   --color-markup-code-block: #2a2e3a; |   --color-markup-code-block: #292d39; | ||||||
|   --color-button: #353846; |   --color-button: #353846; | ||||||
|   --color-code-bg: #2a2e3a; |   --color-code-bg: #2a2e3a; | ||||||
|   --color-shadow: #00000060; |   --color-shadow: #00000060; | ||||||
|  | @ -317,19 +317,6 @@ a.ui.basic.green.label:hover { | ||||||
|   color: var(--color-secondary-dark-6) !important; |   color: var(--color-secondary-dark-6) !important; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .ui.active.button:active, |  | ||||||
| .ui.button:active, |  | ||||||
| .ui.button:focus, |  | ||||||
| .ui.active.button { |  | ||||||
|   background-color: #2e3e4e; |  | ||||||
|   color: #dbdbdb; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| .ui.active.button:hover { |  | ||||||
|   background-color: #475e75; |  | ||||||
|   color: #dbdbdb; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| .repository .navbar .active.item, | .repository .navbar .active.item, | ||||||
| .repository .navbar .active.item:hover { | .repository .navbar .active.item:hover { | ||||||
|   border-color: transparent !important; |   border-color: transparent !important; | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue