olcxjas-softworks/PLWL
2
0
Fork 0
Code Issues Pull requests Projects Releases 16 Packages Wiki Activity Actions

add tray & creating shortcuts

Browse source
This commit is contained in:
olcxja 2026-09-26 13:57:12 +02:00
commit 1097a1f441
11 changed files with 452 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

49
renderer/style.css
View file

@ -284,6 +284,55 @@ input:active, textarea:active { background-color: rgba(255, 255, 255, 0.1); }
input:focus, textarea:focus { border-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.1); }
textarea { resize: vertical; font-family: inherit; }
/* --- checkbox: styled to match the app (radius, borders, press feedback) --- */
.check-label {
display: flex;
align-items: center;
gap: 0.7rem;
margin-top: 1.1rem; /* extra breathing room below the custom-select */
margin-bottom: var(--button-margin);
cursor: pointer;
color: var(--darker-text-color);
user-select: none;
}
.check-label:hover { color: var(--text-color); }
input[type='checkbox'] {
-webkit-appearance: none;
appearance: none;
width: 1.7rem;
height: 1.7rem;
min-height: 0;
flex: 0 0 auto;
margin: 0;
padding: 0;
border-radius: 0.65rem;
background-color: rgba(255, 255, 255, 0.05);
border: var(--border-width) solid var(--light-border-color);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.15s ease;
}
input[type='checkbox']:hover { background-color: rgba(255, 255, 255, 0.09); }
input[type='checkbox']:active { background-color: rgba(255, 255, 255, 0.1); transform: var(--press-scale); }
input[type='checkbox']:focus-visible { border-color: rgba(255, 255, 255, 0.25); }
input[type='checkbox']:checked {
background-color: var(--text-color);
border-color: var(--text-color);
}
input[type='checkbox']:checked::before {
content: '';
width: 0.95rem;
height: 0.95rem;
background: var(--main-bg-color);
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5l5.5 5.5L20 6.5'/></svg>") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5l5.5 5.5L20 6.5'/></svg>") center / contain no-repeat;
}
.check-label input[type='checkbox']:checked + span { color: var(--text-color); }
select {
display: none;
}