Normalize section popup button icons
This commit is contained in:
CODEX
parent
f28de867c7
commit
e6bb3f1761
|
|
@ -1962,17 +1962,16 @@ body[data-viewer-mode="guest"] .inspector-restore-tray {
|
||||||
.section-tool-btn {
|
.section-tool-btn {
|
||||||
width: var(--tb-size, 25px);
|
width: var(--tb-size, 25px);
|
||||||
height: var(--tb-size, 25px);
|
height: var(--tb-size, 25px);
|
||||||
display: inline-grid;
|
display: inline-flex;
|
||||||
place-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
border: 1px solid var(--toolbar-border);
|
border: 1px solid var(--toolbar-border);
|
||||||
border-radius: var(--tb-radius, 7px);
|
border-radius: var(--tb-radius, 7px);
|
||||||
background: var(--toolbar-bg);
|
background: var(--toolbar-bg);
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
font-size: var(--tb-icon-size, 13px);
|
|
||||||
font-weight: 500;
|
|
||||||
line-height: 1;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: var(--tb-icon-pad, 5px);
|
padding: 0;
|
||||||
|
line-height: 0;
|
||||||
transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
|
transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1992,20 +1991,23 @@ body[data-viewer-mode="guest"] .inspector-restore-tray {
|
||||||
|
|
||||||
.section-tool-btn svg {
|
.section-tool-btn svg {
|
||||||
display: block;
|
display: block;
|
||||||
width: 12px;
|
width: 15px;
|
||||||
height: 12px;
|
height: 15px;
|
||||||
fill: none;
|
fill: none;
|
||||||
stroke: currentColor;
|
stroke: currentColor;
|
||||||
stroke-width: 1.45;
|
stroke-width: 1.35;
|
||||||
stroke-linecap: round;
|
stroke-linecap: round;
|
||||||
stroke-linejoin: round;
|
stroke-linejoin: round;
|
||||||
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-axis-btn {
|
.section-letter-icon text {
|
||||||
letter-spacing: 0;
|
fill: currentColor;
|
||||||
|
stroke: none;
|
||||||
|
font-family: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding-top: 1px;
|
letter-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-overview {
|
.section-overview {
|
||||||
|
|
|
||||||
|
|
@ -98,7 +98,7 @@
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="./dcViewer.css?v=20">
|
<link rel="stylesheet" href="./dcViewer.css?v=21">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
|
|
@ -328,29 +328,40 @@
|
||||||
<div id="sectionToolbar" class="section-toolbar hidden" aria-label="Управление разрезом">
|
<div id="sectionToolbar" class="section-toolbar hidden" aria-label="Управление разрезом">
|
||||||
<canvas id="sectionPlanesOverview" class="section-overview" width="80" height="80"></canvas>
|
<canvas id="sectionPlanesOverview" class="section-overview" width="80" height="80"></canvas>
|
||||||
<button class="section-tool-btn" data-section-action="camera" type="button" title="По камере" aria-label="По камере">
|
<button class="section-tool-btn" data-section-action="camera" type="button" title="По камере" aria-label="По камере">
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
<svg viewBox="0 0 16 16" aria-hidden="true">
|
||||||
<path d="M4.5 12s2.75-5 7.5-5 7.5 5 7.5 5-2.75 5-7.5 5-7.5-5-7.5-5Z"></path>
|
<path d="M1.7 8s2.35-4 6.3-4 6.3 4 6.3 4-2.35 4-6.3 4-6.3-4-6.3-4Z"></path>
|
||||||
<path d="M12 14.75A2.75 2.75 0 1 0 12 9.25a2.75 2.75 0 0 0 0 5.5Z"></path>
|
<circle cx="8" cy="8" r="2.15"></circle>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button class="section-tool-btn section-axis-btn" data-section-action="x" type="button" title="Ось X" aria-label="Ось X">
|
||||||
|
<svg class="section-letter-icon" viewBox="0 0 16 16" aria-hidden="true">
|
||||||
|
<text x="8" y="8" text-anchor="middle" dominant-baseline="central">X</text>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button class="section-tool-btn section-axis-btn" data-section-action="y" type="button" title="Ось Y" aria-label="Ось Y">
|
||||||
|
<svg class="section-letter-icon" viewBox="0 0 16 16" aria-hidden="true">
|
||||||
|
<text x="8" y="8" text-anchor="middle" dominant-baseline="central">Y</text>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button class="section-tool-btn section-axis-btn" data-section-action="z" type="button" title="Ось Z" aria-label="Ось Z">
|
||||||
|
<svg class="section-letter-icon" viewBox="0 0 16 16" aria-hidden="true">
|
||||||
|
<text x="8" y="8" text-anchor="middle" dominant-baseline="central">Z</text>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="section-tool-btn section-axis-btn" data-section-action="x" type="button" title="Ось X" aria-label="Ось X">X</button>
|
|
||||||
<button class="section-tool-btn section-axis-btn" data-section-action="y" type="button" title="Ось Y" aria-label="Ось Y">Y</button>
|
|
||||||
<button class="section-tool-btn section-axis-btn" data-section-action="z" type="button" title="Ось Z" aria-label="Ось Z">Z</button>
|
|
||||||
<button class="section-tool-btn" data-section-action="flip" type="button" title="Инвертировать" aria-label="Инвертировать">
|
<button class="section-tool-btn" data-section-action="flip" type="button" title="Инвертировать" aria-label="Инвертировать">
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
<svg viewBox="0 0 16 16" aria-hidden="true">
|
||||||
<path d="M7.5 7.5h8a3.5 3.5 0 0 1 0 7h-7"></path>
|
<path d="M5.5 4.7h4.4a3.05 3.05 0 0 1 0 6.1H5.6"></path>
|
||||||
<path d="m10.5 4.5-3 3 3 3"></path>
|
<path d="M6.7 2.9 4.9 4.7l1.8 1.8"></path>
|
||||||
<path d="m13.5 19.5 3-3-3-3"></path>
|
<path d="m9.3 13.1 1.8-1.8-1.8-1.8"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="section-tool-btn" data-section-action="clear" type="button" title="Удалить разрез" aria-label="Удалить разрез">
|
<button class="section-tool-btn" data-section-action="clear" type="button" title="Удалить разрез" aria-label="Удалить разрез">
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
<svg viewBox="0 0 16 16" aria-hidden="true">
|
||||||
<path d="M5 7h14"></path>
|
<path d="M3.2 4.5h9.6"></path>
|
||||||
<path d="M9 7V5h6v2"></path>
|
<path d="M6.2 4.5V3.1h3.6v1.4"></path>
|
||||||
<path d="M8 10v8"></path>
|
<path d="m4.4 4.5.55 8.4h6.1l.55-8.4"></path>
|
||||||
<path d="M12 10v8"></path>
|
<path d="M6.65 6.5v4.3"></path>
|
||||||
<path d="M16 10v8"></path>
|
<path d="M9.35 6.5v4.3"></path>
|
||||||
<path d="M7 7l1 13h8l1-13"></path>
|
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue