KSP/graf-uloh
Archived
37
1
Fork 0
Code Issues 20 Pull requests Releases Wiki Activity

Add proper close button to TaskPanel #12

Merged
exyi merged 1 commit from vo/close-button into master 2020-09-29 13:23:17 +02:00
Conversation 1 Commits 1 Files changed 1 +14 -4
1 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/TaskPanel.svelte
View file

@ -64,14 +64,24 @@ import TaskDisplay from "./TaskDisplay.svelte";
.panel.full {
min-height: 100%;
}
.closeButton { display: none }
.closeButton {
display: none;
position: absolute;
right: 0;
top: 0;
color: white;
background-color: red;
border: 0;
cursor: pointer;
}
.closeButton::before {
content: "X";
}
.panel.full .closeButton { display: inherit }
</style>
<div class="panel {heightClass}"
on:click={() => selectedTask && select(selectedTask)}>
<TaskDisplay taskId={selectedTask?.id} />
<button type=button class="closeButton" on:click|stopPropagation={close}>
Zavřít
</button>
<button type=button class="closeButton" on:click|stopPropagation={close}></button>
</div>