diff --git a/src/renderer/assets/css/section.css b/src/renderer/assets/css/section.css index a9f7c63f4..9a326064d 100755 --- a/src/renderer/assets/css/section.css +++ b/src/renderer/assets/css/section.css @@ -19,14 +19,6 @@ transform 0.12s ease-in-out; } -.section.nested { - padding-top: 15px; - padding-bottom: 15px; -} - -.section > * { - height: 100%; -} nwb-main h3, nwb-main p { diff --git a/src/renderer/src/server.ts b/src/renderer/src/server.ts index 1485676b7..d0add2853 100644 --- a/src/renderer/src/server.ts +++ b/src/renderer/src/server.ts @@ -54,7 +54,6 @@ export const onServerOpen = (callback:Function) => { } export const activateServer = () => { - console.log('GO!') statusBar.items[2].status = true serverCallbacks.forEach(cb => cb()) diff --git a/src/renderer/src/stories/List.ts b/src/renderer/src/stories/List.ts index c2b8e7480..b482fc243 100644 --- a/src/renderer/src/stories/List.ts +++ b/src/renderer/src/stories/List.ts @@ -26,8 +26,8 @@ export class List extends LitElement { overflow: auto; } + #empty { - padding: 20px 10px; margin-left: -40px; color: gray; } @@ -59,7 +59,6 @@ export class List extends LitElement { list-style-type: none; display: flex; flex-wrap: wrap; - margin: 0; padding: 0; } diff --git a/src/renderer/src/stories/Main.js b/src/renderer/src/stories/Main.js index 89e605dad..74a08db7a 100644 --- a/src/renderer/src/stories/Main.js +++ b/src/renderer/src/stories/Main.js @@ -146,10 +146,10 @@ export class Main extends LitElement { ${headerEl} ${capsules ? html`
${capsules}
` - : html`
`} + : html``} ${title ? html`
@@ -162,8 +162,8 @@ export class Main extends LitElement {
` : ""} -
-
${page}
+
+
${page}
${footerEl} `; diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js index 5baa85fc9..cb56c989b 100644 --- a/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js +++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js @@ -42,6 +42,7 @@ const getInfoFromId = (key) => { export class GuidedMetadataPage extends ManagedPage { constructor(...args) { super(...args); + this.style.height = "100%"; // Fix main section } beforeSave = () => { diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js index f0c98fc80..909a2f7d6 100644 --- a/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js +++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js @@ -24,8 +24,11 @@ const propsToIgnore = [ ]; export class GuidedSourceDataPage extends ManagedPage { + + constructor(...args) { super(...args); + this.style.height = "100%"; // Fix main section } beforeSave = () => { diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js index 6ead395c2..79e05460e 100644 --- a/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js +++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js @@ -142,7 +142,7 @@ export class GuidedStructurePage extends Page { this.addButton.setAttribute("hidden", ""); return html` -
${this.list} ${this.addButton}
+
${this.list} ${this.addButton}
${this.searchModal} `; } diff --git a/src/renderer/src/stories/pages/guided-mode/options/GuidedStubPreview.js b/src/renderer/src/stories/pages/guided-mode/options/GuidedStubPreview.js index 7e0a9f78a..75cc28a66 100644 --- a/src/renderer/src/stories/pages/guided-mode/options/GuidedStubPreview.js +++ b/src/renderer/src/stories/pages/guided-mode/options/GuidedStubPreview.js @@ -16,6 +16,8 @@ export const getStubArray = (stubs) => export class GuidedStubPreviewPage extends Page { constructor(...args) { super(...args); + this.style.height = "100%"; // Fix main section + } header = { diff --git a/src/renderer/src/stories/pages/preview/PreviewPage.js b/src/renderer/src/stories/pages/preview/PreviewPage.js index 80f30dfde..45f4c5b7b 100644 --- a/src/renderer/src/stories/pages/preview/PreviewPage.js +++ b/src/renderer/src/stories/pages/preview/PreviewPage.js @@ -13,6 +13,7 @@ export class PreviewPage extends Page { constructor(...args) { super(...args); + this.style.height = "100%"; // Fix main section } updatePath = async (path) => { diff --git a/src/renderer/src/stories/pages/settings/SettingsPage.js b/src/renderer/src/stories/pages/settings/SettingsPage.js index 03b08ef0b..ce3729273 100644 --- a/src/renderer/src/stories/pages/settings/SettingsPage.js +++ b/src/renderer/src/stories/pages/settings/SettingsPage.js @@ -24,10 +24,20 @@ export class SettingsPage extends Page { header = { title: "App Settings", subtitle: "This page allows you to set global settings for the GUIDE.", + controls: [ + new Button({ + label: "Save Changes", + onClick: async () => { + if (!this.unsavedUpdates) return this.#openNotyf("All changes were already saved", "success"); + this.save(); + }, + }) + ] }; constructor(...args) { super(...args); + this.style.height = "100%"; // Fix main section } #notification; @@ -52,14 +62,6 @@ export class SettingsPage extends Page { render() { this.localState = merge(global.data, {}); - const button = new Button({ - label: "Save Changes", - onClick: async () => { - if (!this.unsavedUpdates) return this.#openNotyf("All changes were already saved", "success"); - this.save(); - }, - }); - // NOTE: API Keys and Dandiset IDs persist across selected project this.form = new JSONSchemaForm({ results: this.localState, @@ -76,8 +78,6 @@ export class SettingsPage extends Page { return html` ${this.form} -
- ${button} `; } }