forks/forgejo
1
0
Fork 0
Code Releases Activity

Issue sidebar and misc css fixes (#15524)

Browse source 
- 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:
silverwind 2021-05-16 22:18:18 +02:00 committed by GitHub
parent 892e6561ff
commit a32bfd867d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 92 additions and 84 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/explore/code.tmpl
View file

@ -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>

114
templates/repo/issue/view_content/sidebar.tmpl
View file

@ -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,34 +338,30 @@
{{$.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"> <form method="POST" id="add_time_manual_form" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/times/add" class="ui action input fluid">
<form method="POST" id="add_time_manual_form" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/times/add" class="ui action input fluid"> {{$.CsrfTokenHtml}}
{{$.CsrfTokenHtml}} <input placeholder='{{.i18n.Tr "repo.issues.add_time_hours"}}' type="number" name="hours">
<input placeholder='{{.i18n.Tr "repo.issues.add_time_hours"}}' type="number" name="hours"> <input placeholder='{{.i18n.Tr "repo.issues.add_time_minutes"}}' type="number" name="minutes" class="ui compact">
<input placeholder='{{.i18n.Tr "repo.issues.add_time_minutes"}}' type="number" name="minutes" class="ui compact"> </form>
</form> </div>
</div> <div class="actions">
<div class="actions"> <div class="ui green approve button">{{.i18n.Tr "repo.issues.add_time_short"}}</div>
<div class="ui green approve button">{{.i18n.Tr "repo.issues.add_time_short"}}</div> <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>
<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>
</div> </div>
<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>
{{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">
{{.Issue.DeadlineUnix.FormatDate}} <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}}>
{{if .Issue.IsOverdue}} {{svg "octicon-calendar" 16 "mr-3"}}
<span style="color: red;">{{.i18n.Tr "repo.issues.due_date_overdue"}}</span> {{.Issue.DeadlineUnix.FormatDate}}
{{end}} </div>
{{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}} <div>
<br/> {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
<a class="issue-due-edit"><i class="edit icon"></i>{{$.i18n.Tr "repo.issues.due_date_form_edit"}}</a> - <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-remove"><i class="remove icon"></i>{{$.i18n.Tr "repo.issues.due_date_form_remove"}}</a> <a class="issue-due-remove poping up muted" data-content="{{$.i18n.Tr "repo.issues.due_date_form_remove"}}">{{svg "octicon-trash"}}</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>

2
templates/repo/search.tmpl
View file

@ -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>

20
templates/user/profile.tmpl
View file

@ -92,21 +92,27 @@
</a> </a>
{{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">
{{svg "octicon-eye"}} {{.i18n.Tr "user.watched"}} {{svg "octicon-eye"}} {{.i18n.Tr "user.watched"}}
</a> </a>
{{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>

16
web_src/less/_base.less
View file

@ -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;
} }

4
web_src/less/_editor.less
View file

@ -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;

2
web_src/less/_repository.less
View file

@ -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) {

1
web_src/less/helpers.less
View file

@ -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; }

15
web_src/less/themes/theme-arc-green.less
View file

@ -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;