fix(ui): change escaping button bg on selected lines (#7944)

* add escape part of line to the list of selectors, so it doesn't cause a hole in selected lines
* fix duplicated element ID in template
* move some CSS out of base.css to dedicated files, so it is less cluttered

Before: https://codeberg.org/attachments/0eaa277b-98e7-42de-98a2-6aca99ffcbe4

After: https://codeberg.org/attachments/124bbb86-c377-4fef-a0e3-403e8c850275

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/7944
Reviewed-by: floss4good <floss4good@noreply.codeberg.org>
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
This commit is contained in:
0ko 2025-05-28 05:16:19 +02:00
parent ee663c5af8
commit e2278e5a38
8 changed files with 80 additions and 42 deletions

View file

@ -1119,41 +1119,6 @@ svg.text.purple,
padding-left: 1ch;
}
.lines-escape {
width: 0;
}
.lines-code {
padding-left: 5px;
}
.file-view tr.active {
color: inherit !important;
background: inherit !important;
}
.file-view tr.active .lines-num,
.file-view tr.active .lines-code {
background: var(--color-highlight-bg) !important;
}
.file-view tr.active:last-of-type .lines-code {
border-bottom-right-radius: var(--border-radius);
}
.file-view tr.active .lines-num {
position: relative;
}
.file-view tr.active .lines-num::before {
content: "";
position: absolute;
left: 0;
width: 2px;
height: 100%;
background: var(--color-highlight-fg);
}
.code-inner {
font: 12px var(--fonts-monospace);
white-space: pre-wrap;

View file

@ -57,6 +57,7 @@
@import "./form.css";
@import "./repo.css";
@import "./repo/file-view.css";
@import "./repo/release-tag.css";
@import "./repo/issue-card.css";
@import "./repo/issue-label.css";

View file

@ -561,6 +561,10 @@
border-top-right-radius: 0 !important;
}
.file-view.markup {
padding: 2em;
}
.file-view.markup.orgmode li.unchecked::before {
content: "[ ] ";
}

View file

@ -1684,9 +1684,6 @@ details.repo-search-result summary::marker {
white-space: nowrap;
}
.file-view.markup {
padding: 2em;
}
.repository .activity-header {
display: flex;
justify-content: space-between;

View file

@ -0,0 +1,39 @@
.file-view tr.active {
color: inherit !important;
background: inherit !important;
}
.lines-escape {
width: 0;
}
.lines-code {
padding-left: 5px;
}
.file-view tr.active .lines-num,
.file-view tr.active .lines-escape,
.file-view tr.active .lines-code {
background: var(--color-highlight-bg) !important;
}
.file-view tr.active:last-of-type .lines-code {
border-bottom-right-radius: var(--border-radius);
}
.file-view tr.active .lines-num {
position: relative;
}
.file-view tr.active .interact-bg:hover {
background: var(--color-primary-alpha-50) !important;
}
.file-view tr.active .lines-num::before {
content: "";
position: absolute;
left: 0;
width: 2px;
height: 100%;
background: var(--color-highlight-fg);
}