logikonline
70aee25079
All checks were successful
Build and Release / Create Release (push) Has been skipped
Build and Release / Unit Tests (push) Successful in 3m6s
Build and Release / Integration Tests (PostgreSQL) (push) Successful in 4m57s
Build and Release / Lint (push) Successful in 5m14s
Build and Release / Build Binaries (amd64, linux, linux-latest) (push) Has been skipped
Build and Release / Build Binaries (amd64, darwin, macos) (push) Has been skipped
Build and Release / Build Binaries (arm64, darwin, macos) (push) Has been skipped
Build and Release / Build Binary (linux/arm64) (push) Has been skipped
Build and Release / Build Binaries (amd64, windows, windows-latest) (push) Has been skipped
Adds a "Move to Vault" action button for files in the repository file list. The button appears on hover next to the file age, and is only shown when the vault plugin is available and for regular files (not directories or submodules).
112 lines
2.6 KiB
CSS
112 lines
2.6 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 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: 8px;
|
|
white-space: nowrap;
|
|
color: var(--color-text-light-1);
|
|
}
|
|
|
|
#repo-files-table .repo-file-cell-action {
|
|
display: none;
|
|
color: var(--color-text-light-2);
|
|
padding: 2px;
|
|
}
|
|
|
|
#repo-files-table .repo-file-cell-action:hover {
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
#repo-files-table .repo-file-item:hover .repo-file-cell-action {
|
|
display: inline-flex;
|
|
}
|