[mod] css

This commit is contained in:
Andy Bunce 2025-11-06 12:37:13 +00:00
parent 24c1ae3c5a
commit 53d78573b1
4 changed files with 61 additions and 27 deletions

View file

@ -24,20 +24,26 @@
<body>
<div class="page-wrap">
<header class="page-header">
<quiet-button-group>
<quiet-button id="bnNew" title="New file">
<quiet-icon slot="start" name="file"></quiet-icon>New
<quiet-dropdown placement="right">
<quiet-button slot="trigger">File
<quiet-icon slot="end" name="chevron-right"></quiet-icon>
</quiet-button>
<quiet-dropdown-item id="bnNew">
<quiet-icon slot="start" name="file"></quiet-icon>New...
<div slot="details">create a new doc</div>
</quiet-dropdown-item>
<quiet-button id="bnRead" title="Open local file">
<quiet-icon slot="start" name="folder-open"></quiet-icon>Open
</quiet-button>
<quiet-dropdown-item id="bnRead">
<quiet-icon slot="start" name="folder-open"></quiet-icon>Open...
<div slot="details">select a local file</div>
</quiet-dropdown-item>
<input type="file" id="fileElem" multiple accept="*/*" style="display: none;" />
<quiet-button id="popover__url" title="Open web file">
<quiet-icon slot="start" name="link"></quiet-icon>Web
</quiet-button>
</quiet-button-group>
<quiet-dropdown-item id="popover__url">
<quiet-icon slot="start" name="link"></quiet-icon>Url...
<div slot="details">Fetch from a url</div>
</quiet-dropdown-item>
</quiet-dropdown>
<div>
<span class="quiet-h4">XQuery 4.0 LSP client</span>
@ -52,7 +58,7 @@
<quiet-button-group>
<quiet-dropdown>
<quiet-button slot="trigger" with-caret>Links</quiet-button>
<quiet-button slot="trigger" with-caret>Dev tools</quiet-button>
<quiet-dropdown-item href="/app/home" target="lsp" rel="noreferrer noopener">
LSP Manager <quiet-icon name="external-link" slot="icon"></quiet-icon></quiet-dropdown-item>
<quiet-dropdown-item href="/dba/logs" target="dba" rel="noreferrer noopener">
@ -67,16 +73,20 @@
<main id="main" class="page-main" style="overflow: auto;">
<quiet-toolbar>
<quiet-toolbar style="padding:2px;">
<quiet-button-group>
<button id="search" title="Search" type="button"><i class="codicon codicon-search"></i></button>
<quiet-button-group style="background-color: var(--quiet-neutral-fill-softer);">
<quiet-button id="search" title="Search" icon-label="search" size="xs">
<quiet-icon name="search"></quiet-icon>
</quiet-button>
<button id="lint" title="Display diagnostics" type="button"><i
class="codicon codicon-report"></i></button>
<quiet-button id="lint" title="Display diagnostics" icon-label="diagnostics" size="xs">
<quiet-icon name="message-report"></quiet-icon>
</quiet-button>
<button id="symbols2" type="button" title="symbols">
<i class="codicon codicon-symbol-misc"></i></button>
<quiet-button id="symbols2" title="symbols" icon-label="Symbols" size="xs">
<quiet-icon name="icons"></quiet-icon>
</quiet-button>
<button id="format" type="button" title="Format (Shift-Alt-f)"><i
class="codicon codicon-list-flat"></i></button>
@ -180,7 +190,14 @@
<!-- dialogs -->
<quiet-popover id="popWeb" for="popover__url">
<form id="popUrl" style="background: #ffecb3;">
<div style="display:flex;background: #ffecb3;">
<div style="flex: 1 1 auto;">Load a document from the web</div>
<quiet-button icon-label="Close" appearance="text" data-popover="close">
<quiet-icon name="x"></quiet-icon>
</quiet-button>
</div>
<form id="popUrl">
<quiet-text-field type="url" name="url" label="URL to fetch" placeholder="http://..." with-clear required
style="width: 20em;">
<datalist>
@ -199,8 +216,6 @@
</datalist>
</quiet-text-field>
<quiet-button type="submit" variant="primary">Fetch</quiet-button>
<quiet-button data-popover="close" variant="neutral">Cancel</quiet-button>
</form>
</quiet-popover>