WEBDIENSTE/huly-platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2026-09-23 10:05:01 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update Table layout, combine check and notify cells. Optimize CSS. (#1075)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov
2022-03-02 16:03:58 +07:00
committed by GitHub
parent 2a061d58ec
commit 9d7d349a0b
12 changed files with 263 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/notification-resources/src/components/NotificationPresenter.svelte
+19 -3
View File
@@ -18,6 +18,7 @@
import { NotificationClientImpl } from '../utils'
export let value: Doc
export let kind: 'table' | 'block' = 'block'
const notificationClient = NotificationClientImpl.getClient()
const lastViews = notificationClient.getLastViews()
@@ -27,13 +28,28 @@
</script>
{#if hasNotification}
<div class="color" style="background-color: {getPlatformColor(11)}" />
<div class="notify-{kind}-kind" style="color: {getPlatformColor(11)}" />
{/if}
<style lang="scss">
.color {
.notify-block-kind {
width: .5rem;
height: .5rem;
background-color: currentColor;
border-radius: .5rem;
}
</style>
.notify-table-kind {
position: absolute;
top: 50%;
left: 50%;
width: .5rem;
height: .5rem;
background-color: currentColor;
border-radius: .25rem;
outline: 1px solid transparent;
outline-offset: 2px;
transform: translate(-50%, -50%);
transition: all .1s ease-in-out;
z-index: -1;
}
</style>