Browse Source

less ugly TaskPanel

mj-deploy
Standa Lukeš 4 years ago
parent
commit
f06c103103
  1. 9
      frontend/src/TaskPanel.svelte

9
frontend/src/TaskPanel.svelte

@ -2,7 +2,7 @@
import { grabAssignment } from "./ksp-task-grabber"; import { grabAssignment } from "./ksp-task-grabber";
import type { TaskAssignmentData } from "./ksp-task-grabber"; import type { TaskAssignmentData } from "./ksp-task-grabber";
import type { TasksFile, TaskDescriptor } from "./task-loader"; import type { TasksFile, TaskDescriptor } from "./task-loader";
import TaskDisplay from "./TaskDisplay.svelte"; import TaskDisplay from "./TaskDisplay.svelte";
export let tasks: TasksFile; export let tasks: TasksFile;
let selectedTask: TaskDescriptor | null = null let selectedTask: TaskDescriptor | null = null
@ -55,9 +55,11 @@ import TaskDisplay from "./TaskDisplay.svelte";
.panel { .panel {
position: relative; position: relative;
width: calc(min(100%, 100vw - 16px)); width: calc(min(100%, 100vw - 16px));
background-color: #222;
overflow: hidden; overflow: hidden;
padding: 0 100px 0 100px; padding: 16px 100px 16px 100px;
border: 1px solid #444444;
border-bottom: 2px dashed #444444;
background-color: #111111;
box-sizing: border-box; box-sizing: border-box;
z-index: 120; z-index: 120;
} }
@ -80,6 +82,7 @@ import TaskDisplay from "./TaskDisplay.svelte";
} }
.panel.full { .panel.full {
min-height: 100%; min-height: 100%;
border-bottom: 2px solid #444444;
} }
.closeButton { .closeButton {
display: none; display: none;