Browse Source

Merge pull request 'Add proper close button to TaskPanel' (#12) from vo/close-button into master

Reviewed-on: https://gitea.ks.matfyz.cz/KSP/graf-uloh/pulls/12
mj-deploy
Standa Lukeš 4 years ago
parent
commit
1c85597f49
  1. 18
      frontend/src/TaskPanel.svelte

18
frontend/src/TaskPanel.svelte

@ -64,14 +64,24 @@ import TaskDisplay from "./TaskDisplay.svelte";
.panel.full { .panel.full {
min-height: 100%; 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 } .panel.full .closeButton { display: inherit }
</style> </style>
<div class="panel {heightClass}" <div class="panel {heightClass}"
on:click={() => selectedTask && select(selectedTask)}> on:click={() => selectedTask && select(selectedTask)}>
<TaskDisplay taskId={selectedTask?.id} /> <TaskDisplay taskId={selectedTask?.id} />
<button type=button class="closeButton" on:click|stopPropagation={close}> <button type=button class="closeButton" on:click|stopPropagation={close}></button>
Zavřít
</button>
</div> </div>