web/forgejo
10
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Fix and restyle menu on code line (#15913)

Browse source 
* Fix and restyle menu on code line

* fix multiline and more tweaks

* move to separate files

* remove has-context-menu class

Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
This commit is contained in:
silverwind 2021-05-19 05:16:02 +02:00 • committed by GitHub
parent 0e56e9c9d9
commit 370cfde35e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 60 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

29
web_src/less/_base.less
View file

@ -560,6 +560,19 @@ a.ui.card:hover,
border-color: var(--color-secondary);
}
.ui.link.list .item,
.ui.link.list a.item,
.ui.link.list .item a:not(.ui) {
color: var(--color-text);
}
.ui.link.list.list a.item:hover,
.ui.link.list.list .item a:not(.ui):hover,
.ui.link.list.list a.item:active,
.ui.link.list.list .item a:not(.ui):active {
color: var(--color-text-dark);
}
.dont-break-out {
overflow-wrap: break-word;
word-wrap: break-word;
@ -1565,20 +1578,8 @@ a.ui.label:hover {
border-bottom: 1px solid var(--color-secondary);
}
}
.code-view {
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
&.has-context-menu {
overflow: visible;
overflow-x: visible;
overflow-y: visible;
}
table {
width: 100%;
}
.code-view table {
width: 100%;
}
.octicon-tiny {

7
web_src/less/_repository.less
View file

@ -3139,10 +3139,3 @@ td.blob-excerpt {
transform: scale(105%);
box-shadow: 0 .5rem 1rem var(--color-shadow) !important;
}
.code-line-marker {
width: 13px;
height: 20px;
background-color: rgb(34 36 38 / 15%);
position: absolute;
}

24
web_src/less/code/linebutton.less Normal file
View file

@ -0,0 +1,24 @@
.code-view .lines-num:hover {
color: var(--color-text-dark) !important;
}
.code-line-menu {
width: auto !important;
}
.code-line-button {
background-color: var(--color-menu);
color: var(--color-text-light);
border: 1px solid var(--color-secondary);
border-radius: var(--border-radius);
padding: 1px 10px;
position: absolute;
font-family: var(--fonts-regular);
left: 0;
transform: translateX(-70%);
cursor: pointer;
&:hover {
color: var(--color-primary);
}
}

1
web_src/less/index.less
View file

@ -11,6 +11,7 @@
@import "./features/projects.less";
@import "./markup/content.less";
@import "./markup/mermaid.less";
@import "./code/linebutton.less";
@import "./chroma/base.less";
@import "./chroma/light.less";

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

@ -153,12 +153,6 @@
background: #353945;
}
.ui.link.list .item,
.ui.link.list a.item,
.ui.link.list .item a:not(.ui) {
color: #dbdbdb;
}
.ui.red.label,
.ui.red.labels .label {
background-color: #7d3434 !important;