@grifhinz/logics-manager 2.2.0 → 2.3.0

package/clients/shared-web/media/main.css

@@ -0,0 +1,112 @@
+@import url("./css/layout.css");
+@import url("./css/toolbar.css");
+@import url("./css/board.css");
+@import url("./css/details.css");
+
+:root {
+  color-scheme: light dark;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  height: 100%;
+  max-height: 100%;
+  width: 100%;
+  min-width: 100%;
+  overflow: hidden;
+}
+
+body {
+  height: 100vh;
+  max-height: 100vh;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0 !important;
+  width: 100%;
+  min-width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  font-family: var(--vscode-font-family, "Segoe UI", sans-serif);
+  background: var(--vscode-editor-background, #1e1e1e);
+  color: var(--vscode-foreground, #d4d4d4);
+}
+
+.status-banner,
+.toolbar,
+.layout {
+  width: 100%;
+  min-width: 100%;
+}
+
+.layout {
+  flex: 1 1 0;
+  min-height: 0;
+  max-height: 100%;
+}
+
+.status-banner {
+  padding: 6px 10px;
+  font-size: 12px;
+  border-bottom: 1px solid var(--vscode-panel-border, #333333);
+  background: var(--vscode-editorWidget-background, #202020);
+  color: var(--vscode-descriptionForeground, #c7c7c7);
+}
+
+.status-banner[data-tone="warn"] {
+  color: var(--vscode-editorWarning-foreground, #d7ba7d);
+}
+
+button:focus-visible,
+[role="button"]:focus-visible,
+input[type="checkbox"]:focus-visible,
+.splitter:focus-visible {
+  outline: 2px solid var(--vscode-focusBorder, #007acc);
+  outline-offset: 2px;
+}
+
+@media (max-width: 900px) {
+  .toolbar {
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .toolbar__actions {
+    width: 100%;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .toolbar__buttons {
+    justify-content: flex-end;
+  }
+
+  .layout {
+    flex-direction: column;
+  }
+
+  .details {
+    width: 100%;
+    border-left: none;
+    border-top: 1px solid var(--vscode-panel-border, #333333);
+  }
+
+  .layout--stacked .details--collapsed {
+    min-height: auto;
+    flex: 0 0 auto;
+  }
+}
+.toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--vscode-foreground, #d4d4d4);
+}
+
+.toggle input {
+  accent-color: var(--vscode-button-background, #0e639c);
+}

package/clients/shared-web/media/main.js

@@ -0,0 +1,3 @@
+(() => {
+  // Compatibility shim: the real entrypoint now lives in mainApp.js.
+})();