mirror of
https://github.com/l0ng-ai/openidea.git
synced 2026-11-15 08:08:18 +00:00
679 lines
12 KiB
CSS
679 lines
12 KiB
CSS
.page {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
min-width: 0;
|
||
}
|
||
|
||
.sdkField {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
min-width: 180px;
|
||
flex: 1;
|
||
max-width: 560px;
|
||
}
|
||
.sdkSelect {
|
||
flex: 1;
|
||
min-width: 0;
|
||
}
|
||
|
||
.interpreterRow {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
gap: 8px;
|
||
min-height: var(--h-row);
|
||
}
|
||
.interpreterRow > .sdkField {
|
||
flex-basis: 260px;
|
||
}
|
||
.interpreterLabel {
|
||
white-space: nowrap;
|
||
color: var(--fg);
|
||
}
|
||
.interpreterLabel::after {
|
||
content: ":";
|
||
}
|
||
:lang(fr) .interpreterLabel::after {
|
||
content: "\00a0:";
|
||
}
|
||
.path {
|
||
color: var(--fg-muted);
|
||
font-family: var(--font-mono);
|
||
font-size: var(--fs-small);
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* IDEA table with a toolbar strip on top (+ − ↑ ⟳). */
|
||
.tablePanel {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 0;
|
||
flex: 1;
|
||
border-radius: var(--radius-small);
|
||
box-shadow: inset 0 0 0 1px var(--border);
|
||
overflow: hidden;
|
||
}
|
||
.tableToolbar {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 2px;
|
||
min-height: 28px;
|
||
padding: 2px 4px;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.tableToolbar > * {
|
||
flex-shrink: 0;
|
||
}
|
||
.spacer {
|
||
flex: 1;
|
||
}
|
||
.tableScroll {
|
||
overflow: auto;
|
||
min-height: 160px;
|
||
max-height: 360px;
|
||
}
|
||
.table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
.table th {
|
||
position: sticky;
|
||
top: 0;
|
||
height: var(--h-header);
|
||
padding: 0 8px;
|
||
text-align: left;
|
||
font-weight: normal;
|
||
color: var(--fg-secondary);
|
||
background: var(--bg-island);
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.table td {
|
||
height: var(--h-list-row);
|
||
padding: 0 8px;
|
||
white-space: nowrap;
|
||
}
|
||
.table tbody tr {
|
||
cursor: default;
|
||
}
|
||
.table tbody tr:hover {
|
||
background: var(--bg-hover);
|
||
}
|
||
.table tbody tr.selected,
|
||
.table tbody tr.selected:hover {
|
||
background: var(--bg-list-selected);
|
||
}
|
||
.table tbody tr:focus-visible:not(.selected) {
|
||
background: var(--bg-hover);
|
||
}
|
||
.versionCell {
|
||
color: var(--fg-secondary);
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
.empty {
|
||
padding: 18px 8px;
|
||
text-align: center;
|
||
color: var(--fg-muted);
|
||
}
|
||
.error {
|
||
color: var(--danger);
|
||
white-space: pre-wrap;
|
||
}
|
||
.installBar {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
padding: 4px;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.installInput {
|
||
flex: 1;
|
||
}
|
||
.log {
|
||
margin: 0;
|
||
max-height: 140px;
|
||
overflow: auto;
|
||
padding: 6px 8px;
|
||
border-radius: var(--radius-small);
|
||
background: var(--bg-editor);
|
||
color: var(--fg-secondary);
|
||
font-family: var(--font-mono);
|
||
font-size: var(--fs-small);
|
||
white-space: pre-wrap;
|
||
box-shadow: inset 0 0 0 1px var(--border);
|
||
}
|
||
.status {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
color: var(--fg-secondary);
|
||
}
|
||
|
||
/* Add Python Interpreter dialog */
|
||
.dialogBody {
|
||
display: grid;
|
||
grid-template-columns: minmax(150px, max-content) minmax(0, 1fr);
|
||
min-height: 300px;
|
||
}
|
||
.kinds {
|
||
margin: 0;
|
||
padding: 6px;
|
||
list-style: none;
|
||
border-right: 1px solid var(--border);
|
||
}
|
||
.kind {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
width: 100%;
|
||
height: var(--h-list-row);
|
||
padding: 0 8px;
|
||
border: 0;
|
||
border-radius: var(--radius-row);
|
||
background: transparent;
|
||
color: var(--fg);
|
||
font: inherit;
|
||
text-align: left;
|
||
white-space: nowrap;
|
||
}
|
||
.kindOn {
|
||
background: var(--bg-list-selected);
|
||
}
|
||
.form {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 6px;
|
||
padding: 10px 14px;
|
||
min-width: 0;
|
||
}
|
||
.radios {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 6px 16px;
|
||
}
|
||
.radio {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
white-space: nowrap;
|
||
}
|
||
.pathRow {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
flex: 1;
|
||
min-width: 0;
|
||
}
|
||
.form > .pathRow {
|
||
flex: none;
|
||
}
|
||
.pathInput {
|
||
flex: 1;
|
||
min-width: 0;
|
||
}
|
||
|
||
/* Project Structure */
|
||
.structure {
|
||
display: grid;
|
||
grid-template-columns: minmax(240px, 1fr) 220px;
|
||
gap: 10px;
|
||
min-height: 420px;
|
||
}
|
||
.structureTree {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 0;
|
||
border-radius: var(--radius-small);
|
||
box-shadow: inset 0 0 0 1px var(--border);
|
||
overflow: hidden;
|
||
}
|
||
.markBar {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 4px;
|
||
min-height: 30px;
|
||
padding: 4px 6px;
|
||
border-bottom: 1px solid var(--border);
|
||
color: var(--fg-secondary);
|
||
}
|
||
.markButton {
|
||
flex-shrink: 0;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
height: 22px;
|
||
padding: 0 6px;
|
||
border: 0;
|
||
border-radius: var(--radius-toolbar-button);
|
||
background: transparent;
|
||
color: var(--fg);
|
||
font: inherit;
|
||
white-space: nowrap;
|
||
}
|
||
.markButton:hover:not(:disabled) {
|
||
background: var(--bg-toolbar-hover);
|
||
}
|
||
.markButton[aria-pressed="true"] {
|
||
background: var(--bg-toolbar-selected);
|
||
}
|
||
.markButton:disabled {
|
||
color: var(--fg-faint);
|
||
}
|
||
.treeScroll {
|
||
flex: 1;
|
||
min-height: 0;
|
||
overflow: auto;
|
||
}
|
||
.treeRow {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
min-width: 0;
|
||
}
|
||
.treeName {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.source {
|
||
color: var(--vcs-untracked);
|
||
}
|
||
.roots {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
overflow: auto;
|
||
}
|
||
.rootGroup {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
}
|
||
.rootTitle {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
font-weight: 600;
|
||
}
|
||
.rootTitle.sourceTitle {
|
||
color: var(--syn-keyword);
|
||
}
|
||
.rootTitle.testTitle {
|
||
color: var(--success);
|
||
}
|
||
.rootTitle.resourcesTitle {
|
||
color: var(--syn-string);
|
||
}
|
||
.rootTitle.testResourcesTitle {
|
||
color: var(--success);
|
||
}
|
||
.rootTitle.excludedTitle {
|
||
color: var(--warning);
|
||
}
|
||
.rootHint {
|
||
color: var(--fg-subtle);
|
||
font-family: var(--font-ui);
|
||
}
|
||
.linkButton {
|
||
padding: 0;
|
||
border: 0;
|
||
background: none;
|
||
color: var(--link);
|
||
font: inherit;
|
||
cursor: pointer;
|
||
}
|
||
.linkButton:hover {
|
||
color: var(--link-hover);
|
||
text-decoration: underline;
|
||
}
|
||
.rootItem {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
padding-left: 20px;
|
||
min-height: 22px;
|
||
font-family: var(--font-mono);
|
||
font-size: var(--fs-small);
|
||
}
|
||
.rootPath {
|
||
flex: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.note {
|
||
color: var(--fg-subtle);
|
||
font-size: var(--fs-small);
|
||
line-height: 1.4;
|
||
}
|
||
.search {
|
||
width: 180px;
|
||
}
|
||
|
||
/* Project Structure: content roots and "Exclude files". */
|
||
.contentRoot {
|
||
padding-left: 4px;
|
||
font-weight: 600;
|
||
}
|
||
.excludeFiles {
|
||
display: grid;
|
||
grid-template-columns: auto minmax(0, 1fr);
|
||
align-items: center;
|
||
column-gap: 8px;
|
||
row-gap: 2px;
|
||
padding: 6px 8px;
|
||
border-top: 1px solid var(--border);
|
||
}
|
||
.excludeInput {
|
||
width: 100%;
|
||
}
|
||
.excludeHint {
|
||
grid-column: 2;
|
||
color: var(--fg-subtle);
|
||
font-size: var(--fs-small);
|
||
}
|
||
|
||
/* Download JDK dialog */
|
||
.downloadGrid {
|
||
display: grid;
|
||
grid-template-columns: max-content minmax(0, 1fr);
|
||
align-items: center;
|
||
gap: 6px 10px;
|
||
}
|
||
.downloadProgress {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4px;
|
||
}
|
||
|
||
/* Project Structure sections (Project, Modules, Libraries, Facets, Artifacts, SDKs) */
|
||
.sectionTabs {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
padding-bottom: 6px;
|
||
border-bottom: 1px solid var(--border);
|
||
flex-wrap: wrap;
|
||
}
|
||
.sectionTab {
|
||
flex-shrink: 0;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
height: 26px;
|
||
padding: 0 10px;
|
||
border: 0;
|
||
border-radius: var(--radius-toolbar-button);
|
||
background: transparent;
|
||
color: var(--fg-secondary);
|
||
font: inherit;
|
||
white-space: nowrap;
|
||
cursor: pointer;
|
||
}
|
||
.sectionTab:hover {
|
||
background: var(--bg-toolbar-hover);
|
||
color: var(--fg);
|
||
}
|
||
.sectionTab[aria-selected="true"] {
|
||
background: var(--bg-toolbar-selected);
|
||
color: var(--fg);
|
||
font-weight: 500;
|
||
}
|
||
.splitLayout {
|
||
display: grid;
|
||
grid-template-columns: 268px minmax(300px, 1fr);
|
||
gap: 12px;
|
||
min-height: 360px;
|
||
}
|
||
.sideList {
|
||
display: flex;
|
||
flex-direction: column;
|
||
border-radius: var(--radius-small);
|
||
box-shadow: inset 0 0 0 1px var(--border);
|
||
overflow: hidden;
|
||
min-height: 0;
|
||
}
|
||
.sideList .tableToolbar button {
|
||
flex-shrink: 0;
|
||
padding: 0 6px;
|
||
gap: 3px;
|
||
font-size: var(--fs-small);
|
||
}
|
||
.sideItems {
|
||
flex: 1;
|
||
overflow: auto;
|
||
padding: 4px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
}
|
||
.sideItem {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
width: 100%;
|
||
min-height: var(--h-list-row);
|
||
padding: 0 8px;
|
||
border: 0;
|
||
border-radius: var(--radius-row);
|
||
background: transparent;
|
||
color: var(--fg);
|
||
font: inherit;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
}
|
||
.sideItem:hover {
|
||
background: var(--bg-hover);
|
||
}
|
||
.sideItemActive,
|
||
.sideItemActive:hover {
|
||
background: var(--bg-list-selected);
|
||
}
|
||
.sideItemLabel {
|
||
flex: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.sideItemMeta {
|
||
color: var(--fg-muted);
|
||
font-size: var(--fs-small);
|
||
}
|
||
.detailPane {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
min-width: 0;
|
||
}
|
||
.subTabs {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
border-bottom: 1px solid var(--border);
|
||
padding-bottom: 4px;
|
||
}
|
||
.entryList {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 4px;
|
||
padding: 6px;
|
||
border-radius: var(--radius-small);
|
||
box-shadow: inset 0 0 0 1px var(--border);
|
||
}
|
||
.entryRow {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
min-height: 24px;
|
||
padding: 0 4px;
|
||
font-family: var(--font-mono);
|
||
font-size: var(--fs-small);
|
||
}
|
||
.entryActions {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
flex-wrap: wrap;
|
||
}
|
||
.badge {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 0 6px;
|
||
height: 18px;
|
||
border-radius: var(--radius-small);
|
||
background: var(--bg-toolbar-hover);
|
||
color: var(--fg-secondary);
|
||
font-size: var(--fs-small);
|
||
}
|
||
|
||
/* Standalone IntelliJ IDEA-style Project Structure Dialog */
|
||
.psDialog {
|
||
height: min(720px, calc(100vh - 48px));
|
||
background: var(--bg-dialog, var(--bg-elev));
|
||
}
|
||
.psDialogLayout {
|
||
height: 100%;
|
||
display: flex;
|
||
min-height: 0;
|
||
min-width: 0;
|
||
}
|
||
.psNavSidebar {
|
||
flex: none;
|
||
width: 196px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 0;
|
||
border-right: 1px solid var(--border);
|
||
padding: 8px 0;
|
||
overflow-y: auto;
|
||
}
|
||
.psNavGroup {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.psNavGroup + .psNavGroup {
|
||
margin-top: 10px;
|
||
padding-top: 8px;
|
||
border-top: 1px solid var(--border);
|
||
}
|
||
.psNavGroupHeader {
|
||
padding: 4px 14px 4px;
|
||
font-size: var(--fs-small);
|
||
font-weight: 600;
|
||
color: var(--fg-subtle);
|
||
user-select: none;
|
||
}
|
||
.psNavItem {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
width: 100%;
|
||
height: 26px;
|
||
padding: 0 14px 0 22px;
|
||
border: 0;
|
||
background: transparent;
|
||
color: var(--fg);
|
||
font: inherit;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
}
|
||
.psNavItem:hover {
|
||
background: var(--bg-hover);
|
||
}
|
||
.psNavItemActive,
|
||
.psNavItemActive:hover {
|
||
background: var(--bg-tree-selected);
|
||
color: var(--fg-strong);
|
||
font-weight: 500;
|
||
}
|
||
.psDialogMain {
|
||
flex: 1;
|
||
min-width: 0;
|
||
min-height: 0;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.psDialogHeader {
|
||
flex: none;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
height: 38px;
|
||
padding: 0 18px;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.psDialogCrumbs {
|
||
flex: 1;
|
||
min-width: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
color: var(--fg-strong);
|
||
font-weight: 600;
|
||
}
|
||
.psDialogCrumbSep {
|
||
color: var(--fg-subtle);
|
||
}
|
||
.psDialogReset {
|
||
flex: none;
|
||
padding: 0;
|
||
border: 0;
|
||
background: none;
|
||
color: var(--link);
|
||
font: inherit;
|
||
cursor: pointer;
|
||
}
|
||
.psDialogReset:hover {
|
||
color: var(--link-hover);
|
||
text-decoration: underline;
|
||
}
|
||
.psDialogBody {
|
||
flex: 1;
|
||
min-height: 0;
|
||
overflow: auto;
|
||
padding: 14px 18px 18px;
|
||
-webkit-user-select: text;
|
||
user-select: text;
|
||
}
|
||
.psModuleHeader {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
border-bottom: 1px solid var(--border);
|
||
padding-bottom: 4px;
|
||
}
|
||
.psModuleTitle {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
font-weight: 600;
|
||
color: var(--fg-strong);
|
||
}
|
||
.psFooterStatus {
|
||
flex: 1;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.psFooterError {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
color: var(--danger);
|
||
}
|
||
|
||
.pendingFeature {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-width: 0;
|
||
margin: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
}
|