6bcb666a9d
This is the first step (the hardest part): * repo file list last commit message lazy load * admin server status monitor * watch/unwatch (normal page, watchers page) * star/unstar (normal page, watchers page) * project view, delete column * workflow dispatch, switch the branch * commit page: load branches and tags referencing this commit The legacy "data-redirect" attribute is removed, it only makes the page reload (sometimes using an incorrect link). Also did cleanup for some devtest pages.
100 lines
2.4 KiB
CSS
100 lines
2.4 KiB
CSS
#repo-files-table {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 2fr 3fr auto;
|
|
border: 1px solid var(--color-secondary);
|
|
background: var(--color-box-body);
|
|
border-radius: var(--border-radius);
|
|
margin: 10px 0; /* match the "clone-panel-popup" margin to avoid "visual double-border" */
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
#repo-files-table {
|
|
grid-template-columns: auto 1fr auto;
|
|
}
|
|
}
|
|
|
|
#repo-files-table .repo-file-item {
|
|
display: contents;
|
|
}
|
|
|
|
#repo-files-table .repo-file-item:hover > .repo-file-cell,
|
|
#repo-files-table .parent-link:hover {
|
|
background: var(--color-hover-opaque);
|
|
}
|
|
|
|
#repo-files-table .repo-file-line,
|
|
#repo-files-table .repo-file-cell {
|
|
border-top: 1px solid var(--color-secondary);
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
#repo-files-table .repo-file-line:first-child {
|
|
border-top: none;
|
|
border-radius: var(--border-radius) var(--border-radius) 0 0;
|
|
}
|
|
|
|
#repo-files-table .repo-file-item:last-child .repo-file-cell:first-child {
|
|
border-bottom-left-radius: calc(var(--border-radius) - 1px);
|
|
}
|
|
|
|
#repo-files-table .repo-file-item:last-child .repo-file-cell:last-child {
|
|
border-bottom-right-radius: calc(var(--border-radius) - 1px);
|
|
}
|
|
|
|
#repo-files-table .repo-file-line {
|
|
grid-column: 1 / span 3;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
}
|
|
|
|
#repo-files-table .repo-file-last-commit {
|
|
min-width: 0; /* otherwise the flex axis is not limited and the text might overflow in Pale Moon */
|
|
background: var(--color-box-header);
|
|
}
|
|
|
|
#repo-files-table .repo-file-cell.name {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#repo-files-table .repo-file-cell.name > a,
|
|
#repo-files-table .repo-file-cell.name > span {
|
|
flex-shrink: 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#repo-files-table .repo-file-cell.name .entry-name {
|
|
flex-shrink: 1;
|
|
min-width: 1ch; /* leave about one letter space when shrinking, need to fine tune the "shrinks" in this grid in the future */
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
#repo-files-table .repo-file-cell.name {
|
|
max-width: 35vw;
|
|
}
|
|
}
|
|
|
|
#repo-files-table .repo-file-cell.message {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: var(--color-text-light-1);
|
|
}
|
|
|
|
#repo-files-table .repo-file-cell.age {
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
color: var(--color-text-light-1);
|
|
}
|
|
|
|
#repo-files-table .repo-file-cell.is-loading::after {
|
|
height: 40%;
|
|
border-width: 2px;
|
|
}
|