205
www/style.css
205
www/style.css
@@ -5553,3 +5553,208 @@ body.auth-readonly-maps-page #mapsImportSiteBtn { display: none !important; }
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.content.content--path-guides {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
align-items: stretch;
|
||||
align-content: stretch;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
.content.content--path-guides > #pagePathGuides {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.mapsMirTable--path-guides thead th.pathGuideMirThIcon { width: 52px; }
|
||||
.pathGuideMirIcon { color: var(--mir-accent, #0d9488); }
|
||||
.pathGuideMirCellNum { text-align: center; width: 72px; }
|
||||
.pathGuidePosGrid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 12px;
|
||||
margin: 12px 0 16px;
|
||||
}
|
||||
.pathGuidePosPanel {
|
||||
border: 1px solid #ddd;
|
||||
padding: 10px;
|
||||
min-height: 180px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
.pathGuidePosTitle {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.pathGuidePosList {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
flex: 1;
|
||||
min-height: 80px;
|
||||
}
|
||||
.pathGuidePosItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 4px 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
.pathGuidePosOrder {
|
||||
color: #666;
|
||||
min-width: 1.2em;
|
||||
}
|
||||
.pathGuidePosLabel { flex: 1; }
|
||||
.pathGuidePosActions { display: flex; gap: 2px; margin-left: auto; }
|
||||
.pathGuidePosEmpty {
|
||||
color: #888;
|
||||
font-size: 12px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
.pathGuidePosAdd {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
align-items: center;
|
||||
}
|
||||
.pathGuidePosAdd select { flex: 1; min-width: 0; }
|
||||
body.auth-readonly-path-guides .pathGuideMirRow .mapsMirIconBtn--danger { pointer-events: none; opacity: 0.55; }
|
||||
body.auth-readonly-path-guides #pathGuideCreateBtn { display: none !important; }
|
||||
|
||||
.pathGuideEditPage {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
padding: 24px 32px 40px;
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.pathGuideEditHeader {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
.pathGuideEditTitle {
|
||||
margin: 0;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #222;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.pathGuideEditSubtitle {
|
||||
margin: 6px 0 0;
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.pathGuideEditMeta {
|
||||
margin: 8px 0 0;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
.pathGuidePosGrid--page {
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
.pathGuidePosGrid--page .pathGuidePosPanel {
|
||||
border: none;
|
||||
padding: 0;
|
||||
min-height: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.pathGuidePosGrid--page .pathGuidePosTitle {
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
margin: 0 0 16px;
|
||||
color: #222;
|
||||
}
|
||||
.pathGuidePosCard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 12px;
|
||||
margin-bottom: 10px;
|
||||
background: linear-gradient(180deg, #f8f8f8 0%, #ececec 100%);
|
||||
border: 1px solid #d8d8d8;
|
||||
border-radius: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.pathGuidePosCard--dragging { opacity: 0.55; }
|
||||
.pathGuidePosCard--over { outline: 2px solid var(--mir-accent, #0d9488); }
|
||||
.pathGuidePosDrag {
|
||||
color: #888;
|
||||
cursor: grab;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.pathGuidePosCardLabel {
|
||||
flex: 1;
|
||||
font-size: 15px;
|
||||
color: #333;
|
||||
}
|
||||
.pathGuidePosRemoveBtn {
|
||||
border: none;
|
||||
background: #e74c3c;
|
||||
color: #fff;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.pathGuidePosRemoveBtn:hover { background: #c0392b; }
|
||||
.pathGuidePosAddBtn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-top: 8px;
|
||||
padding: 10px 14px;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background: #337ab7;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
.pathGuidePosAddBtn:hover { background: #286090; }
|
||||
.pathGuidePosAddBtn:disabled {
|
||||
opacity: 0.55;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.pathGuideEditFooter {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 10px;
|
||||
margin-top: 28px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
.pathGuidePosList {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-height: 40px;
|
||||
}
|
||||
#pagePathGuides .mapsMirGoBackBtn,
|
||||
#pagePathGuides .pathGuidePosCard,
|
||||
#pagePathGuides .pathGuidePosAddBtn,
|
||||
#pagePathGuides .mapsMirCreatePanel,
|
||||
#pagePathGuides .mapsMirCreateSubmitBtn,
|
||||
#pagePathGuides .mapsMirCreateCancelBtn {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user