flush to develop (#380)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
Co-authored-by: Denis Bykhov <80476319+BykhovDenis@users.noreply.github.com>
Co-authored-by: Andrey Sobolev <haiodo@gmail.com>
This commit is contained in:
Andrey Platov
2021-11-26 12:28:15 +01:00
committed by GitHub
co-authored by Denis Bykhov Andrey Sobolev
parent cd0e7da28e
commit 68ae2f2e31
23 changed files with 312 additions and 347 deletions
@@ -15,15 +15,11 @@
-->
<script lang="ts">
import type { IntlString } from '@anticrm/platform'
// import type { IntlString } from '@anticrm/platform'
import { Label } from '@anticrm/ui'
export let label: IntlString
export let placeholder: IntlString
export let value: any
export let focus: boolean
export let maxWidth: string
export let maxWidth: string | undefined = undefined
export let onChange: (value: any) => void
function getLabel(value: boolean | undefined) {
@@ -31,15 +27,21 @@
if (value === false) return 'No'
return 'N/A'
}
</script>
<div class="flex-row-center yesno-container" class:yes={value === true} class:no={value === false} class:unknown={value === undefined} on:click={() => {
if (value === true) value = false
else if (value === false) value = undefined
else value = true
onChange(value)
<div
class="flex-row-center yesno-container"
class:yes={value === true}
class:no={value === false}
class:unknown={value === undefined}
style={(maxWidth) ? `max-width: ${maxWidth};` : ''}
on:click={() => {
if (value === true) value = false
else if (value === false) value = undefined
else value = true
onChange(value)
}}
>
<svg class="svg-small" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<circle class:yes={value === true} class:no={value === false} cx="8" cy="8" r="6"/>
{#if value === true}
@@ -19,7 +19,7 @@
export let label: IntlString
export let color: string
export let counter: number
// export let counter: number
export let addAction: () => void | undefined
</script>
@@ -71,10 +71,10 @@
height: 100%;
font-weight: 500;
color: var(--theme-caption-color);
span {
font-weight: 400;
color: var(--theme-content-dark-color);
}
// span {
// font-weight: 400;
// color: var(--theme-content-dark-color);
// }
}
.tool {
opacity: .4;
@@ -19,7 +19,7 @@
import type { IntlString } from '@anticrm/platform'
import { EditBox } from '@anticrm/ui'
export let label: IntlString
// export let label: IntlString
export let placeholder: IntlString
export let value: any
export let focus: boolean
@@ -158,6 +158,7 @@
color: var(--theme-caption-color);
border-bottom: 1px solid var(--theme-button-border-hovered);
&:hover .firstCell .menuRow { visibility: visible; }
&:last-child { border-bottom: none; }
}
.fixed .menuRow { visibility: visible; }
</style>
@@ -200,6 +200,7 @@
.checkCell { visibility: visible; }
}
&:hover .firstCell .menuRow { visibility: visible; }
&:last-child { border-bottom: none; }
}
.fixed {