juli/OrcaSlicer
1
1
Fork 0
mirror of https://github.com/OrcaSlicer/OrcaSlicer.git synced 2026-09-27 10:51:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Switched back to jump to setting instead

Browse Source
This commit is contained in:
Lam Wei Lun
2026-09-09 12:26:09 +08:00
parent cae23a933e
commit c3a21fa0d4
6 changed files with 11 additions and 1109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/web/dialog/SpeedDial/style.css
-142
View File
@@ -294,145 +294,3 @@ kbd {
color: var(--muted, var(--orca-muted, #6b7280));
text-align: center;
}
/* ---- inline setting editor card (phase "setting") --------------------------- */
.dial-list.setting { overflow-y: auto; }
.dial-editor {
display: flex;
flex-direction: column;
gap: 6px;
padding: 8px;
}
.editor-title { font-size: 14px; font-weight: 600; line-height: 1.3; }
.editor-title-row { display: flex; align-items: center; gap: 8px; }
.editor-preview-icon {
flex: 0 0 auto;
width: 24px;
height: 24px;
}
.editor-preview-icon[hidden] { display: none; }
.editor-tooltip { font-size: 11px; line-height: 1.4; color: var(--muted, var(--orca-muted, #6b7280)); }
.editor-row { display: flex; align-items: center; gap: 8px; min-height: 32px; }
.editor-label {
flex: 0 0 auto;
min-width: 64px;
font-size: 12px;
color: var(--muted, var(--orca-muted, #6b7280));
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.editor-unit { font-size: 12px; color: var(--muted, var(--orca-muted, #6b7280)); }
.editor-row input[type="number"],
.editor-row input[type="text"],
.editor-row select,
.editor-row input[type="color"] {
flex: 1 1 auto;
min-width: 0;
height: 30px;
padding: 0 8px;
border: 1px solid var(--border, var(--orca-border, #ddd));
border-radius: 6px;
background: var(--panel, var(--orca-bg, #fff));
color: var(--text, var(--orca-fg, #1b1c1e));
font: inherit;
}
.editor-row input[type="color"] { padding: 2px 4px; cursor: pointer; }
.editor-row input:focus { outline: none; border-color: var(--main-color, var(--orca-accent, #009688)); box-shadow: 0 0 0 2px rgba(0,150,136,.22); }
/* custom dropdown (native <select> popups are flaky in the embedded webview) */
.ed-dropdown { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.ed-dropdown-toggle {
display: flex;
align-items: center;
gap: 6px;
width: 100%;
height: 30px;
padding: 0 8px;
border: 1px solid var(--border, var(--orca-border, #ddd));
border-radius: 6px;
background: var(--panel, var(--orca-bg, #fff));
color: var(--text, var(--orca-fg, #1b1c1e));
font: inherit;
text-align: left;
cursor: pointer;
}
.ed-dropdown-toggle.open { border-color: var(--main-color, var(--orca-accent, #009688)); }
.ed-dropdown-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ed-dropdown-caret { flex: 0 0 auto; font-size: 10px; color: var(--muted, var(--orca-muted, #6b7280)); transition: transform .12s; }
.ed-dropdown-toggle.open .ed-dropdown-caret { transform: rotate(180deg); }
.ed-dropdown-menu {
/* Overlay popover, not in-flow: opening it must NOT grow the editor card or the popup window.
position/left/top/width/max-height are set from JS on open (position:fixed escapes the
scrollable card and launcher overflow, so the menu clips to the popup and scrolls itself).
These are only the visual defaults. */
position: absolute;
z-index: 30;
border: 1px solid var(--border, var(--orca-border, #ddd));
border-radius: 6px;
background: var(--panel, var(--orca-bg, #fff));
box-shadow: 0 8px 24px rgba(0,0,0,.16);
max-height: 200px;
overflow-y: auto;
}
.ed-dropdown-option {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
padding: 6px 8px;
border: 0;
background: none;
color: var(--text, var(--orca-fg, #1b1c1e));
font: inherit;
text-align: left;
cursor: pointer;
}
.ed-dropdown-option:hover { background: var(--row-hover, rgba(127,127,127,.16)); }
.ed-dropdown-option.sel { font-weight: 600; color: var(--main-color, var(--orca-accent, #009688)); }
.ed-option-label { flex: 1 1 auto; min-width: 0; }
/* Pattern pictograms: filled with the option's icon, and (for values with none) absent. */
.ed-option-icon,
.ed-dropdown-icon {
flex: 0 0 auto;
width: 16px;
height: 16px;
}
.ed-dropdown-icon[hidden] { display: none; }
/* toggle switch */
.ed-switch { position: relative; flex: 0 0 auto; width: 36px; height: 20px; }
.ed-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.ed-slider {
position: absolute;
inset: 0;
background: #c4c4c4;
border-radius: 10px;
transition: background .15s;
}
.ed-slider::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
left: 2px;
top: 2px;
background: #fff;
border-radius: 50%;
transition: transform .15s;
}
.ed-switch input:checked + .ed-slider { background: var(--main-color, var(--orca-accent, #009688)); }
.ed-switch input:checked + .ed-slider::before { transform: translateX(16px); }
.editor-readonly { padding: 4px 0; font-size: 12px; color: var(--muted, var(--orca-muted, #6b7280)); }
.editor-actions { display: flex; gap: 8px; padding-top: 4px; }
.ed-btn {
padding: 6px 12px;
border: 1px solid var(--border, var(--orca-border, #ddd));
border-radius: 6px;
background: var(--panel, var(--orca-bg, #fff));
color: var(--text, var(--orca-fg, #1b1c1e));
font: inherit;
cursor: pointer;
}
.ed-btn:hover { background: var(--row-hover, rgba(127,127,127,.16)); }
.ed-btn-primary { background: var(--main-color, var(--orca-accent, #009688)); border-color: var(--main-color, var(--orca-accent, #009688)); color: #fff; }
.ed-btn-primary:hover { filter: brightness(1.05); }
.editor-hint { font-size: 10px; text-align: center; color: var(--muted, var(--orca-muted, #6b7280)); }