Mirrors
/
gitea
mirror of https://github.com/go-gitea/gitea.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add _actions.less

This commit is contained in:
Jason Song 2023-01-11 14:47:27 +08:00
parent 1e45c2cc6f
commit 59beb2dba6
No known key found for this signature in database
GPG Key ID: 8402EEEE4511A8B5
3 changed files with 54 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
web_src/js/components/RepoActionView.vue
View File

@ -281,6 +281,8 @@ export function initRepositoryActionView() {
<style scoped lang="less"> <style scoped lang="less">
// some elements are not managed by vue, so we need to use _actions.less in addition.
.action-view-body { .action-view-body {
display: flex; display: flex;
height: calc(100vh - 266px); // fine tune this value to make the main view has full height height: calc(100vh - 266px); // fine tune this value to make the main view has full height
@ -336,8 +338,6 @@ export function initRepositoryActionView() {
} }
} }
// ================ // ================
// action view right // action view right
@ -385,56 +385,3 @@ export function initRepositoryActionView() {
} }
</style> </style>
<style lang="less">
// some elements are not managed by vue, so we need to use global style
// TODO: the parent element's full height doesn't work well now
body > div.full.height {
padding-bottom: 0;
}
.job-status-rotate {
animation: job-status-rotate-keyframes 1s linear infinite;
}
@keyframes job-status-rotate-keyframes {
100% {
transform:rotate(360deg);
}
}
.job-step-section {
margin: 10px;
.job-step-logs {
font-family: monospace, monospace;
.job-log-line {
display: flex;
line-num {
width: 48px;
color: var(--color-grey-light);
text-align: right;
}
log-time {
color: var(--color-grey-light);
margin-left: 10px;
white-space: nowrap;
}
log-msg {
flex: 1;
word-break: break-all;
white-space: break-spaces;
margin-left: 10px;
}
}
// TODO: group support
.job-log-group {
}
.job-log-group-summary {
}
.job-log-list {
}
}
}
</style>

51
web_src/less/_actions.less Normal file
View File

@ -0,0 +1,51 @@
@import "variables.less";
// TODO: the parent element's full height doesn't work well now
body > div.full.height {
padding-bottom: 0;
}
.job-status-rotate {
animation: job-status-rotate-keyframes 1s linear infinite;
}
@keyframes job-status-rotate-keyframes {
100% {
transform:rotate(360deg);
}
}
.job-step-section {
margin: 10px;
.job-step-logs {
font-family: monospace, monospace;
.job-log-line {
display: flex;
line-num {
width: 48px;
color: var(--color-grey-light);
text-align: right;
}
log-time {
color: var(--color-grey-light);
margin-left: 10px;
white-space: nowrap;
}
log-msg {
flex: 1;
word-break: break-all;
white-space: break-spaces;
margin-left: 10px;
}
}
// TODO: group support
.job-log-group {
}
.job-log-group-summary {
}
.job-log-list {
}
}
}

1
web_src/less/index.less
View File

@ -37,5 +37,6 @@
@import "_review"; @import "_review";
@import "_package"; @import "_package";
@import "_runner"; @import "_runner";
@import "_actions";
@import "./helpers.less"; @import "./helpers.less";