Skip to content

Commit

Permalink
Style fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
AaronPlave committed Jun 11, 2024
1 parent 5935906 commit 673dea7
Show file tree
Hide file tree
Showing 5 changed files with 45 additions and 42 deletions.
3 changes: 3 additions & 0 deletions src/components/form/Input.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,10 @@
.input > .left,
.input > .right {
align-items: center;
cursor: default;
display: flex;
height: 100%;
position: absolute;
}
Expand Down
71 changes: 34 additions & 37 deletions src/components/model/ModelAssociationsListItem.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@
import { getTarget } from '../../utilities/generic';
import { permissionHandler } from '../../utilities/permissionHandler';
import { tooltip } from '../../utilities/tooltip';
import Input from '../form/Input.svelte';
export let hasEditPermission: boolean = false;
export let isSelected: boolean = false;
Expand Down Expand Up @@ -121,42 +120,40 @@
<div class="inputs-container">
{#if priority !== undefined}
<div class="priority-container">
<Input>
<input
bind:this={priorityInput}
bind:value={priority}
class="st-input"
min="0"
style:width="68px"
type="number"
on:change={onUpdatePriority}
on:keydown={onKeyDown}
use:permissionHandler={{
hasPermission: hasEditPermission,
permissionError,
}}
/>
{#if hasEditPermission}
<div class="priority-buttons">
<button
use:tooltip={{ content: 'Increase Priority', placement: 'top' }}
class="st-button tertiary up-button"
class:hidden={upButtonHidden}
tabindex={upButtonHidden ? -1 : 0}
on:click={onIncreasePriority}
>
<CaretUpFillIcon />
</button>
<button
use:tooltip={{ content: 'Decrease Priority', placement: 'top' }}
class="st-button tertiary down-button"
on:click={onDecreasePriority}
>
<CaretDownFillIcon />
</button>
</div>
{/if}
</Input>
<input
bind:this={priorityInput}
bind:value={priority}
class="st-input"
min="0"
style:width="68px"
type="number"
on:change={onUpdatePriority}
on:keydown={onKeyDown}
use:permissionHandler={{
hasPermission: hasEditPermission,
permissionError,
}}
/>
{#if hasEditPermission}
<div class="priority-buttons">
<button
use:tooltip={{ content: 'Increase Priority', placement: 'top' }}
class="st-button tertiary up-button"
class:hidden={upButtonHidden}
tabindex={upButtonHidden ? -1 : 0}
on:click={onIncreasePriority}
>
<CaretUpFillIcon />
</button>
<button
use:tooltip={{ content: 'Decrease Priority', placement: 'top' }}
class="st-button tertiary down-button"
on:click={onDecreasePriority}
>
<CaretDownFillIcon />
</button>
</div>
{/if}
</div>
{/if}
<select
Expand Down
9 changes: 6 additions & 3 deletions src/components/scheduling/goals/SchedulingGoal.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@
import { tooltip } from '../../../utilities/tooltip';
import Collapse from '../../Collapse.svelte';
import ContextMenuItem from '../../context-menu/ContextMenuItem.svelte';
import Input from '../../form/Input.svelte';
import SchedulingGoalAnalysesActivities from './SchedulingGoalAnalysesActivities.svelte';
import SchedulingGoalAnalysesBadge from './SchedulingGoalAnalysesBadge.svelte';
Expand Down Expand Up @@ -121,7 +120,7 @@
<svelte:fragment slot="right">
<div class="right-content" role="none" on:click|stopPropagation>
<SchedulingGoalAnalysesBadge analyses={goal.analyses} {enabled} />
<Input>
<div class="priority-container">
<input
bind:this={schedulingGoalInput}
bind:value={priority}
Expand Down Expand Up @@ -157,7 +156,7 @@
</button>
</div>
{/if}
</Input>
</div>
<select
class="st-select"
value={goalPlanSpec.goal_revision}
Expand Down Expand Up @@ -290,6 +289,10 @@
color: var(--st-gray-60);
}
.priority-container {
display: flex;
}
.down-button {
margin-left: -3px;
margin-right: 2px;
Expand Down
2 changes: 1 addition & 1 deletion src/routes/plans/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -563,7 +563,7 @@
<PlanIcon />
Plans
</SectionTitle>
<Input>
<Input layout="inline">
<input bind:value={filterText} class="st-input" placeholder="Filter plans" style="width: 300px" />
</Input>
</svelte:fragment>
Expand Down
2 changes: 1 addition & 1 deletion src/routes/tags/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -432,7 +432,7 @@
<TagsIcon />
Tags
</SectionTitle>
<Input>
<Input layout="inline">
<input bind:value={filterText} class="st-input" placeholder="Filter tags" style="width: 300px" />
</Input>
</svelte:fragment>
Expand Down

0 comments on commit 673dea7

Please sign in to comment.