Optimize components, dialogs. Fix issues. Update Scroller. (#945)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

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

@@ -56,6 +56,7 @@
 
 <style lang="scss">
   .color {
+    flex-shrink: 0;
     margin-right: .75rem;
     width: 1rem;
     height: 1rem;

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

@@ -33,24 +33,3 @@
   </div>
   <div class="ap-space" />
 </div>
-
-<!-- <style lang="scss">
-  .popup {
-    padding: .5rem;
-    min-width: 12rem;
-    background-color: var(--theme-button-bg-focused);
-    border: 1px solid var(--theme-button-border-enabled);
-    border-radius: .75rem;
-    box-shadow: 0 .75rem 1.25rem rgba(0, 0, 0, .2);
-  }
-
-  .menu-item {
-    display: flex;
-    align-items: center;
-    padding: .5rem;
-    border-radius: .5rem;
-    cursor: pointer;
-
-    &:hover { background-color: var(--theme-button-bg-hovered); }
-  }
-</style> -->

plugins/task-resources/src/components/todos/CreateTodo.svelte

@@ -69,7 +69,7 @@
       bind:value={name}
       icon={task.icon.Task}
       placeholder={plugin.string.TodoDescriptionPlaceholder}
-      maxWidth="39rem"
+      maxWidth={'16rem'}
       focus
     />
     <DatePicker title={plugin.string.TodoDueDate} bind:selected={dueTo} />

plugins/task-resources/src/components/todos/EditTodo.svelte

@@ -67,14 +67,15 @@
   on:close={() => {
     dispatch('close')
   }}
-  okLabel={plugin.string.TodoSave}>
-    <Grid column={1} rowGap={1.75}>
-      <EditBox
+  okLabel={plugin.string.TodoSave}
+>
+  <Grid column={1} rowGap={1.75}>
+    <EditBox
       label={plugin.string.TodoDescription}
       bind:value={name}
       icon={task.icon.Task}
       placeholder={plugin.string.TodoDescriptionPlaceholder}
-      maxWidth="39rem"
+      maxWidth={'16rem'}
       focus
     />
     <DatePicker title={plugin.string.TodoDueDate} bind:selected={dueTo} />