TRKJ/gitea
2
0
Fork 0
mirror of https://gitee.com/gitea/gitea synced 2025-11-04 08:30:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

Diff and code review refactors and improvements (#13922)

Browse Source 
* Diff CSS refactors and misc tweaks

- Simplify Diff CSS styling
- Add color variables for diff
- Fix vertical centering of inline comment button
- Slightly adjust text colors, e.g. in comment header

* Code review improvments

* selector tweak

* fix diff issues, add inactive bg color

Co-authored-by: 6543 <6543@obermui.de>
This commit is contained in:
silverwind
2020-12-17 16:52:58 +01:00
committed by GitHub
parent a8fa380c25
commit 8af9df0036
5 changed files with 124 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
web_src/less/_base.less
View File

@@ -73,8 +73,16 @@
--color-black: #1b1c1d;
--color-gold: #a1882b;
--color-white: #ffffff;
--color-diff-removed-word-bg: #fdb8c0;
--color-diff-added-word-bg: #acf2bd;
--color-diff-removed-row-bg: #ffeef0;
--color-diff-added-row-bg: #e6ffed;
--color-diff-removed-row-border: #f1c0c0;
--color-diff-added-row-border: #e6ffed;
--color-diff-inactive: #f2f2f2;
/* target-based colors */
--color-body: #ffffff;
--color-text-dark: #080808;
--color-text: #212121;
--color-text-light: #555555;
--color-text-light-2: #888888;
@@ -267,6 +275,10 @@ a.muted:hover,
color: var(--color-text);
}
.ui.menu .item > .label {
background: var(--color-grey);
}
.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
@@ -436,6 +448,28 @@ a.ui.card:hover,
background: var(--color-card);
}
.ui.comments .comment .text,
.ui.comments .comment .author {
color: var(--color-text);
}
.ui.comments .comment a.author:hover {
color: var(--color-primary);
}
.ui.comments .comment .metadata {
color: var(--color-text-light-2);
}
.ui.comments .comment .actions a {
color: var(--color-text-light);
}
.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
color: var(--color-primary);
}
.ui.progress[data-percent="0"] .bar .progress {
color: var(--color-text);
}
@@ -714,7 +748,7 @@ a.ui.card:hover,
color: var(--color-text);
&:hover {
color: #000000;
color: var(--color-text-dark);
}
}
@@ -722,7 +756,7 @@ a.ui.card:hover,
color: var(--color-text-light) !important;
a {
color: inherit !important;
color: var(--color-text) !important;
&:hover {
color: var(--color-primary) !important;
@@ -731,7 +765,7 @@ a.ui.card:hover,
}
&.light.grey {
color: var(--color-grey) !important;
color: var(--color-text-light-2) !important;
}
&.green {
@@ -1691,6 +1725,10 @@ a.ui.basic.label:hover {
border-color: var(--color-secondary);
}
.ui.segments > .segment {
border-color: var(--color-secondary);
}
.ui.secondary.segment {
background: var(--color-secondary-bg);
color: var(--color-text-light);
@@ -1863,7 +1901,7 @@ table th[data-sortt-desc] {
.ui.tabular.menu .item {
padding: 11px 12px;
color: var(--color-secondary-dark-6);
color: var(--color-text-light-2);
}
.ui.tabular.menu .item:hover {
@@ -1878,12 +1916,17 @@ table th[data-sortt-desc] {
margin-top: 1px; /* offset fomantic's margin-bottom: -1px */
}
.ui.segment .ui.tabular.menu .active.item,
.ui.segment .ui.tabular.menu .active.item:hover {
background: var(--color-box-body);
}
.ui.secondary.pointing.menu {
border-color: var(--color-secondary);
}
.ui.secondary.pointing.menu .item {
color: var(--color-secondary-dark-6);
color: var(--color-text-light-2);
}
.ui.secondary.pointing.menu .active.item,