Fork/gitea-custom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Minor style fixes and tweaks

Browse Source 
* Fix margin around avatars in some places
* Round images in file view
* Transparent background tables for better contrast
This commit is contained in:
Pablo Vazquez
2023-02-10 12:59:13 +01:00
parent e43d5a5883
commit 9d337666c9
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
templates/custom/header.tmpl
View File

@@ -58,9 +58,23 @@
display: inline-block; display: inline-block;
} }
.ui.user.list .ui.avatar { /* Fix alignment and margin issues in avatars. */
.user.list img.avatar,
.comment-list .code-comment img.avatar,
.comment-list .comment img.avatar {
vertical-align: unset !important; vertical-align: unset !important;
margin-right: var(--spacer-2); }
.user.list img.avatar,
.commit-list img.avatar,
.comment-list .code-comment img.avatar,
.comment-list .comment img.avatar,
.comment-list .timeline-item img.avatar {
margin-right: var(--spacer-2) !important;
}
.commit-list .author img.avatar {
margin-right: var(--spacer-3) !important;
} }
/* Labels. e.g. issues count indicator in repo tabs. */ /* Labels. e.g. issues count indicator in repo tabs. */
@@ -115,6 +129,10 @@
max-width: 22px; max-width: 22px;
} }
.ui.table {
background: transparent;
}
.repository .ui.table a { .repository .ui.table a {
color: var(--color-text); color: var(--color-text);
} }
@@ -123,6 +141,10 @@
color: var(--color-primary); color: var(--color-primary);
} }
.repository .file-view .markup img {
border-radius: var(--border-radius);
}
/* Repository folder icon. */ /* Repository folder icon. */
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill { .repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill {
color: currentColor; color: currentColor;