shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add label to pictures
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
Details

Browse source
This commit is contained in:
Shinuwa 2026-07-25 13:39:35 +02:00
parent ef5f977f8a
commit d7871736c8
10 changed files with 566 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
website/src/styles/_overlays.scss
View file

@ -31,8 +31,22 @@
}
.screenshot-viewer header {
display: flex;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-2);
}
.screenshot-viewer-title {
overflow: hidden;
color: var(--color-text);
font-size: var(--font-size-md);
text-overflow: ellipsis;
white-space: nowrap;
}
.screenshot-viewer-actions {
display: flex;
justify-content: flex-end;
gap: var(--space-2);
}

37
website/src/styles/_toolboxes.scss
View file

@ -1710,6 +1710,8 @@ textarea:focus {
.shots figure {
position: relative;
display: grid;
gap: 8px;
margin: 0;
padding: 8px;
border: 1px solid var(--color-border);
@ -1732,6 +1734,40 @@ textarea:focus {
box-shadow: 0 0 0 2px rgba(246, 196, 83, 0.28);
}
.shot-label,
.shot-label-input {
min-width: 0;
font-size: var(--font-size-sm);
}
.shot-label {
overflow: hidden;
color: var(--color-text-secondary);
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
}
.shot-label-input {
width: 100%;
min-height: 36px;
padding: 0 10px;
border: 1px solid rgba(138, 150, 197, 0.2);
border-radius: var(--radius-md);
background: rgba(8, 13, 30, 0.62);
color: var(--color-text);
}
.shot-label-input::placeholder {
color: rgba(185, 194, 215, 0.48);
}
.shot-label-input:focus {
border-color: rgba(246, 196, 83, 0.72);
outline: none;
box-shadow: 0 0 0 3px rgba(246, 196, 83, 0.14);
}
.shots img {
display: block;
width: 100%;
@ -1744,7 +1780,6 @@ textarea:focus {
.shot-actions {
display: flex;
gap: var(--space-2);
margin-top: 8px;
}
.shot-actions .shot-annotate-button,