mirror of
https://github.com/rcourtman/Pulse.git
synced 2026-09-22 19:23:31 +00:00
Bound Patrol configuration popover
This commit is contained in:
@@ -138,7 +138,7 @@ export function PatrolIntelligenceHeader(props: { state: PatrolIntelligenceState
|
||||
</button>
|
||||
|
||||
<Show when={state.showAdvancedSettings()}>
|
||||
<div class="fixed right-4 top-32 z-[9999] isolate w-[calc(100vw-2rem)] p-5 bg-surface rounded-md shadow-sm border border-border animate-slide-up transform origin-top-right sm:right-8 sm:top-[17.5rem] sm:w-[340px]">
|
||||
<div class="fixed right-4 top-32 z-[9999] isolate max-h-[calc(100vh-10rem)] w-[calc(100vw-2rem)] overflow-y-auto rounded-md border border-border bg-surface p-5 shadow-sm animate-slide-up transform origin-top-right sm:right-8 sm:top-[13rem] sm:max-h-[36rem] sm:w-[340px]">
|
||||
<div class="flex items-center justify-between mb-5 pb-3 border-b border-border-subtle">
|
||||
<h4 class="text-base font-semibold tracking-tight text-base-content">
|
||||
Patrol Configuration
|
||||
|
||||
@@ -28,4 +28,14 @@ describe('patrol commercial boundary', () => {
|
||||
expect(patrolIntelligenceHeaderSource).toContain('label="Run Every"');
|
||||
expect(patrolIntelligenceHeaderSource).not.toContain('<select');
|
||||
});
|
||||
|
||||
it('keeps the patrol configuration panel above lower page actions', () => {
|
||||
expect(patrolIntelligenceHeaderSource).toContain('fixed right-4 top-32 z-[9999] isolate');
|
||||
expect(patrolIntelligenceHeaderSource).toContain('max-h-[calc(100vh-10rem)]');
|
||||
expect(patrolIntelligenceHeaderSource).toContain('sm:max-h-[36rem]');
|
||||
expect(patrolIntelligenceHeaderSource).toContain('overflow-y-auto');
|
||||
expect(patrolIntelligenceHeaderSource).toContain('sm:top-[13rem]');
|
||||
expect(patrolIntelligenceHeaderSource).not.toContain('sm:top-[17.5rem]');
|
||||
expect(patrolIntelligenceHeaderSource).not.toContain('disabled:opacity-70');
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user