From 5faa41a2062c71c3dd4bcf323a2aaaf51d2f8ae7 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Mon, 30 May 2022 19:02:45 +0300
Subject: [PATCH] FliterBar: remove save button (#1937)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
.../src/components/filter/FilterBar.svelte | 45 ++++++++++---------
1 file changed, 23 insertions(+), 22 deletions(-)
diff --git a/plugins/view-resources/src/components/filter/FilterBar.svelte b/plugins/view-resources/src/components/filter/FilterBar.svelte
index 1eaf7a985c..c6db195436 100644
--- a/plugins/view-resources/src/components/filter/FilterBar.svelte
+++ b/plugins/view-resources/src/components/filter/FilterBar.svelte
@@ -15,7 +15,7 @@
<script lang="ts">
import { Class, Doc, DocumentQuery, Ref } from '@anticrm/core'
import { getClient } from '@anticrm/presentation'
- import { Button, eventToHTMLElement, IconAdd, Label, showPopup } from '@anticrm/ui'
+ import { Button, eventToHTMLElement, IconAdd, showPopup } from '@anticrm/ui'
import { Filter } from '@anticrm/view'
import { createEventDispatcher } from 'svelte'
import view from '../../plugin'
@@ -31,7 +31,7 @@
const dispatch = createEventDispatcher()
let maxIndex = filters ? filters.length : 0
- let allFilters: boolean = true
+ // const allFilters: boolean = true
function onChange (e: Filter | undefined) {
if (e === undefined) return
@@ -143,7 +143,8 @@
</div>
</div>
- <div class="buttons-group small-gap ml-4">
+ <!-- SAVE BUTTON -->
+ <!-- <div class="buttons-group small-gap ml-4">
{#if filters.length > 1}
<div class="flex-baseline">
<span class="overflow-label">
@@ -161,7 +162,7 @@
<div class="buttons-divider" />
{/if}
<Button icon={view.icon.Views} label={view.string.Save} size={'small'} width={'fit-content'} />
- </div>
+ </div> -->
</div>
{/if}
@@ -191,24 +192,24 @@
margin-bottom: 0.375rem;
}
- .filter-button {
- display: flex;
- align-items: baseline;
- flex-shrink: 0;
- padding: 0 0.375rem;
- height: 1.5rem;
- min-width: 1.5rem;
- white-space: nowrap;
- line-height: 150%;
- color: var(--accent-color);
- background-color: transparent;
- border-radius: 0.25rem;
- transition-duration: background-color 0.15s ease-in-out;
+ // .filter-button {
+ // display: flex;
+ // align-items: baseline;
+ // flex-shrink: 0;
+ // padding: 0 0.375rem;
+ // height: 1.5rem;
+ // min-width: 1.5rem;
+ // white-space: nowrap;
+ // line-height: 150%;
+ // color: var(--accent-color);
+ // background-color: transparent;
+ // border-radius: 0.25rem;
+ // transition-duration: background-color 0.15s ease-in-out;
- &:hover {
- color: var(--caption-color);
- background-color: var(--noborder-bg-hover);
- }
- }
+ // &:hover {
+ // color: var(--caption-color);
+ // background-color: var(--noborder-bg-hover);
+ // }
+ // }
}
</style>