дзеркало
https://github.com/l0ng-ai/openidea.git
синхронізовано 2026-11-08 19:02:17 +02:00
l0ng-ai
76d33f0306
Message dialogs: `Dialog` gets an `icon` (question / info / warning / error) that renders IDEA's alert layout: no title bar, a 32px icon, bold title, text, checkbox under it. Every confirmation helper (prompt, VCS, services, project tree, keymap, LSP choices, run, database, Replace All) uses it. Open Project matches IDEA: "This Window" is the default and has focus. The Code Analysis and TODO commit checks default to Review. Project widget: the title bar project button opens a popup like IDEA's ProjectWidget, with Open… / Clone Repository…, the projects open in other windows (new `window_open_projects` command) and recent projects, filtered by typing. Chinese UI: UI text stays written in English and is translated through a source-text catalog (`locales/text/zh.json`, about 2300 strings). The UI primitives (buttons, checkboxes, selects, tabs, dialogs, menus, tooltips, toasts, settings labels and hints) translate the strings they are given. Action titles and categories are localised in the registry, and static JSX text uses `<T>`, so text follows a locale switch without a reload. The Settings window now syncs the locale too. Settings search matches both languages. Claude-Session: https://claude.ai/code/session_01B65qLEKnkeYTGdbwhLpjCu
112 рядки
1.9 KiB
CSS
112 рядки
1.9 KiB
CSS
/* ProjectWidget popup: 24px action rows, two-line project rows, grey section headers. */
|
|
.popup {
|
|
padding: 6px 0;
|
|
min-width: 320px;
|
|
max-width: min(640px, calc(100vw - 24px));
|
|
}
|
|
.inner {
|
|
display: flex;
|
|
flex-direction: column;
|
|
outline: none;
|
|
}
|
|
.inner:focus-visible {
|
|
outline: none;
|
|
}
|
|
.search {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
height: var(--h-list-row);
|
|
margin: 0 6px 4px;
|
|
padding: 0 8px;
|
|
border-radius: var(--radius-selection, 5px);
|
|
background: var(--bg-field, var(--bg-button));
|
|
box-shadow: inset 0 0 0 1px var(--focus-ring);
|
|
color: var(--fg-strong);
|
|
--icon-color: var(--fg-muted);
|
|
}
|
|
.group {
|
|
display: contents;
|
|
}
|
|
.row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
min-height: var(--h-list-row);
|
|
margin: 0 6px;
|
|
padding: 0 8px;
|
|
border-radius: var(--radius-selection, 5px);
|
|
color: var(--fg-strong);
|
|
white-space: nowrap;
|
|
cursor: default;
|
|
}
|
|
.projectRow {
|
|
gap: 10px;
|
|
padding: 6px 8px;
|
|
}
|
|
.active {
|
|
background: var(--bg-tree-selected);
|
|
}
|
|
.actionIcon {
|
|
flex: none;
|
|
color: var(--fg-muted);
|
|
}
|
|
.label {
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.separator {
|
|
height: 1px;
|
|
margin: 5px 12px;
|
|
background: var(--border);
|
|
}
|
|
.header {
|
|
padding: 4px 16px 2px;
|
|
color: var(--fg-muted);
|
|
font-size: var(--fs-small);
|
|
font-weight: 600;
|
|
}
|
|
.badge {
|
|
align-self: flex-start;
|
|
margin-top: 1px;
|
|
}
|
|
.text {
|
|
flex: 1;
|
|
min-width: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
}
|
|
.top {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 10px;
|
|
min-width: 0;
|
|
}
|
|
.name {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.branch {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 3px;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: var(--fs-small);
|
|
color: var(--fg-subtle);
|
|
}
|
|
.path {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: var(--fg-subtle);
|
|
font-size: var(--fs-small);
|
|
}
|
|
.empty {
|
|
padding: 6px 16px;
|
|
color: var(--fg-faint);
|
|
}
|