notification edits
mellobacon committed
Dec 1, 2022 at 01:56 UTC
cbfe96c694ba57334be2d0e9c0e0c44538f6a52b
2 files changed
+8
-9
src/components/Notifications/Notification.svelte
+3
-3
@@ -119,8 +119,8 @@
119
.icon {
120
border-radius: 50%;
121
background-color: $default-color;
122
- width: 20px;
123
- height: 20px;
122
+ min-width: 20px;
123
+ min-height: 20px;
124
margin-right: 10px;
125
}
126
}
@@ -137,7 +137,7 @@
137
color: #BDD4FF;
138
cursor: pointer;
139
&:nth-child(2) {
140
- margin: 0 5px;
140
+ margin: 0 0.6rem;
141
}
142
&:hover {
143
text-decoration: underline;
src/components/Tabs/EditorTabs.svelte
+5
-6
@@ -3,8 +3,9 @@
3
import { onMount } from "svelte";
4
import Tab from "./Tab.svelte";
5
import { closeAllTabs, hidden, tabs } from "./scripts/Tab";
6
- import { Add, ChevronDown, OverflowMenuVertical, Play } from "carbon-icons-svelte";
6
+ import { Add, Play } from "carbon-icons-svelte";
7
import { OverflowMenu, OverflowMenuItem } from "carbon-components-svelte";
8
+ import { addNotification, NotifType } from "../Notifications/Notifications";
9
let tabcontainer;
10
export let canAdd = false;
11
onMount(() => {
@@ -29,10 +30,8 @@
30
{/each}
31
</div>
32
<div class="tools">
32
- <div class="overflow-list">
33
- <ChevronDown />
34
- </div>
35
- <div class="play">
33
+ <!-- svelte-ignore a11y-click-events-have-key-events -->
34
+ <div class="play" on:click={() => {addNotification(NotifType.Warning, "Unable to run code - feature not yet implemented")}}>
35
{#if canAdd}
36
<Add></Add>
37
{:else}
@@ -73,7 +72,7 @@
72
}
73
.tools {
74
display: flex;
76
- .play, .overflow-list {
75
+ .play {
76
display: flex;
77
justify-content: center;
78
align-items: center;