✨closing button [x]
Last updated
Was this helpful?
Last updated
Was this helpful?
Was this helpful?
browser ⟩ event ⟩ type ⟩ mouse ⟩ click ⟩ example ⟩ closing button
add a closing button [x] for every <div class="pane">.
replit ⟩ closing button , require ⟩ Node+ext
const { log } = console
// ⭐️ import
import { $, $all } from './js/ext/Node_ext.js'; // 👔 Node + ext
// ---------------------------------------------------------------
// elements
const panes = $all(
📁 CSS
.pane {
position: relative; /* ⭐️ new coord system */
}
.pane .x-button {
position: absolute; /* ⭐️ relative to .pane */
top: 4px;
right: 4px;
color: orange;
cursor: pointer;
font-family: monospace;
}
.pane h3 {
color: hsl(225 80% 80%);
}