fix: 🐛 remove css duplication
This commit is contained in:
parent
c35005589d
commit
6493f8fe00
10 changed files with 1 additions and 229 deletions
|
|
@ -10,29 +10,6 @@
|
|||
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Modal dialog border + shadow (pcbjam #22). */
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -10,29 +10,6 @@
|
|||
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Modal dialog border + shadow (pcbjam #22). */
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -9,29 +9,6 @@
|
|||
div.emscripten { text-align: center; }
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Modal dialog border + shadow (pcbjam #22). */
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -10,29 +10,6 @@
|
|||
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Modal dialog border + shadow (pcbjam #22). */
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -10,29 +10,6 @@
|
|||
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Modal dialog border + shadow (pcbjam #22). */
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -10,29 +10,6 @@
|
|||
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Modal dialog border + shadow (pcbjam #22). */
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -10,29 +10,6 @@
|
|||
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Modal dialog border + shadow (pcbjam #22). */
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -10,29 +10,6 @@
|
|||
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Modal dialog border + shadow (pcbjam #22). */
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -53,47 +53,3 @@
|
|||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* wxWidgets WASM child-window styling.
|
||||
*
|
||||
* The wx.js runtime glue (createWindow/setWindowRect) creates a `.window`
|
||||
* <div> (+ `.window-canvas`) per top-level window — every KiCad dialog
|
||||
* (text properties, symbol chooser, power chooser, …) is one of these,
|
||||
* appended to #window-container. setWindowRect positions it via inline
|
||||
* left/top, which only take effect when the element is `position: absolute`.
|
||||
*
|
||||
* The standalone test harness HTML ships these rules; the React shell
|
||||
* (WasmTool.tsx) did not — so dialogs computed `position: static`, ignored
|
||||
* their left/top, and rendered jammed in the top-left corner with the OK
|
||||
* button clipped off-screen. These rules (mirrored from the test harness)
|
||||
* restore correct centered positioning. Input is routed through the main
|
||||
* #canvas, so the window layers are pointer-events: none.
|
||||
*/
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Give modal dialogs (top-level windows, not popup menus) a border + drop
|
||||
* shadow so they read as raised surfaces instead of flat blocks. The
|
||||
* `toplevel` class is emitted by wxTopLevelWindow::GetCSSClassList; popup menus
|
||||
* (`.window.popup`) style themselves in wx-dom.js and the main frame is the
|
||||
* page #canvas, so neither is affected. pcbjam #22.
|
||||
*/
|
||||
.window.toplevel {
|
||||
border: 1px solid #808080;
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
Subproject commit 2bc048533e95ed795fee707d8ef5a130e03f24c2
|
||||
Subproject commit 5ddf954246922be31916a53000f20224f95e7309
|
||||
Loading…
Reference in a new issue