200 lines
3.1 KiB
CSS
200 lines
3.1 KiB
CSS
/* STMATE 재현 — 원본 메뉴 체계·편집 화면(scr_ui_*) 보조 꾸밈 (ui_style.css) */
|
|
/* 원본 메뉴 체계(ui_menu.js) — 하위 메뉴 · 체크 · 단축키 · 꺼진 항목 */
|
|
.menu-host {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 2px;
|
|
}
|
|
|
|
.menu-dropdown button {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.menu-dropdown button:disabled {
|
|
color: #9aa3b2;
|
|
cursor: default;
|
|
}
|
|
|
|
.menu-dropdown button:disabled:hover {
|
|
background: none;
|
|
color: #9aa3b2;
|
|
}
|
|
|
|
.menu-check {
|
|
width: 14px;
|
|
flex: 0 0 14px;
|
|
text-align: center;
|
|
}
|
|
|
|
.menu-cap {
|
|
flex: 1;
|
|
}
|
|
|
|
.menu-sc {
|
|
margin-left: 18px;
|
|
color: #6b7280;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.menu-dropdown button:hover .menu-sc {
|
|
color: #e5e7eb;
|
|
}
|
|
|
|
.menu-sub {
|
|
position: relative;
|
|
}
|
|
|
|
.menu-sub-head {
|
|
justify-content: space-between;
|
|
padding-left: 32px !important;
|
|
}
|
|
|
|
.menu-arrow {
|
|
margin-left: 18px;
|
|
}
|
|
|
|
.menu-item:hover .menu-dropdown .menu-subdrop {
|
|
display: none;
|
|
top: -5px;
|
|
left: 100%;
|
|
}
|
|
|
|
.menu-sub:hover > .menu-subdrop {
|
|
display: block !important;
|
|
}
|
|
|
|
/* 메인윈도우 화면선택(Act_SetScreen_0~3) */
|
|
.stmate-shell[data-screen-mode="1"] {
|
|
width: min(100vw, 1440px);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.stmate-shell[data-screen-mode="2"] {
|
|
width: min(100vw, 1100px);
|
|
height: min(100vh, 760px);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.stmate-shell[data-screen-mode="3"] {
|
|
resize: both;
|
|
overflow: hidden;
|
|
width: 90vw;
|
|
height: 90vh;
|
|
}
|
|
|
|
/* 화면 안 보조 메뉴줄(wPrjList · wBoq 고유 메뉴) */
|
|
.sub-menubar {
|
|
display: flex;
|
|
gap: 2px;
|
|
background: #e9edf3;
|
|
border-bottom: 1px solid var(--win-border);
|
|
padding: 1px 6px;
|
|
font-size: 12px;
|
|
user-select: none;
|
|
}
|
|
|
|
.sub-menubar .menu-item {
|
|
color: var(--text-main);
|
|
padding: 3px 9px;
|
|
}
|
|
|
|
.sub-menubar .menu-item:hover {
|
|
background: #cfd8e6;
|
|
}
|
|
|
|
/* 내역 편집 그리드 — 선택 · 머리/계 들여쓰기 · 새 행 */
|
|
table.dbgrid tr.boq-sel td {
|
|
background: var(--row-sel) !important;
|
|
}
|
|
|
|
table.dbgrid td.rowhead {
|
|
cursor: pointer;
|
|
background: var(--grid-head);
|
|
user-select: none;
|
|
}
|
|
|
|
table.dbgrid tr.boq-new td.rowhead {
|
|
color: var(--accent-green);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.cell-input.name-w {
|
|
min-width: var(--stm-name-w, 280px);
|
|
}
|
|
|
|
.stm-note {
|
|
font-size: 11px;
|
|
color: var(--text-sub);
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.stm-warn {
|
|
font-size: 11px;
|
|
color: var(--accent-red);
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.stm-form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
|
|
.stm-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.stm-row > label:first-child {
|
|
min-width: 150px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.stm-group {
|
|
border: 1px solid var(--win-border);
|
|
padding: 8px 10px 10px;
|
|
background: #fff;
|
|
}
|
|
|
|
.stm-group > legend {
|
|
font-weight: 700;
|
|
color: #1e3a8a;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.stm-sys-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 8px;
|
|
padding: 8px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.stm-order {
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
|
|
.stm-order span {
|
|
border: 1px solid var(--win-border);
|
|
background: #e8f5e9;
|
|
padding: 2px 10px;
|
|
}
|
|
|
|
.stm-info p {
|
|
margin: 4px 0;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.stm-quit {
|
|
margin: auto;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: var(--text-sub);
|
|
}
|