EditDoc (#834)

Signed-off-by: Denis Bykhov <80476319+BykhovDenis@users.noreply.github.com>

plugins/task-resources/src/components/state/StatePresenter.svelte

@@ -13,31 +13,30 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 -->
-
 <script lang="ts">
   import type { State } from '@anticrm/task'
+  import { getPlatformColor } from '@anticrm/ui'
 
   export let value: State
-
 </script>
 
 {#if value}
-  <div class="overflow-label state-container" style="background-color: {value.color}">
+  <div class="overflow-label state-container" style="background-color: {getPlatformColor(value.color)}">
     {value.title}
   </div>
 {/if}
 
 <style lang="scss">
   .state-container {
-    padding: .25rem .5rem;
+    padding: 0.25rem 0.5rem;
     width: 6.25rem;
     max-width: 6.25rem;
     text-transform: uppercase;
     text-align: center;
-    letter-spacing: .5px;
-    font-size: .625rem;
+    letter-spacing: 0.5px;
+    font-size: 0.625rem;
     color: #fff;
-    border: 1px solid rgba(0, 0, 0, .1);
-    border-radius: .25rem;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 0.25rem;
   }
 </style>

plugins/task-resources/src/components/state/StatesPopup.svelte

@@ -17,6 +17,7 @@
   import { Ref, SortingOrder } from '@anticrm/core'
   import { createQuery } from '@anticrm/presentation'
   import task, { SpaceWithStates, State } from '@anticrm/task'
+  import { getPlatformColor } from '@anticrm/ui'
   import { createEventDispatcher } from 'svelte'
 
   export let space: Ref<SpaceWithStates>
@@ -45,7 +46,7 @@
         dispatch('close', state)
       }}
     >
-      <div class="color" style="background-color: {state.color}" />
+      <div class="color" style="background-color: {getPlatformColor(state.color)}" />
       {state.title}
     </div>
   {/each}