Fix header in tables (#657)

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

models/core/src/core.ts

@@ -50,10 +50,10 @@ export class TDoc extends TObj implements Doc {
   @Prop(TypeRef(core.class.Space), 'Space' as IntlString)
   space!: Ref<Space>
 
-  @Prop(TypeTimestamp(), 'Modified On' as IntlString)
+  @Prop(TypeTimestamp(), 'Modified' as IntlString)
   modifiedOn!: Timestamp
 
-  @Prop(TypeRef(core.class.Account), 'Modiified By' as IntlString)
+  @Prop(TypeRef(core.class.Account), 'Modified By' as IntlString)
   modifiedBy!: Ref<Account>
 }
 

packages/theme/styles/_layouts.scss

@@ -366,6 +366,7 @@ a.no-line {
 
 .overflow-x-auto { overflow-x: auto; }
 .overflow-y-auto { overflow-y: auto; }
+.whitespace-nowrap { white-space: nowrap; }
 
 .scroll-m-10::-webkit-scrollbar-track { margin: 2.5rem; }
 

plugins/view-resources/src/components/Table.svelte

@@ -77,7 +77,7 @@
       <tr class="tr-head">
         {#each model as attribute}
           <th class:sortable={attribute.key} class:sorted={attribute.key === sortKey} on:click={() => changeSorting(attribute.key)}>
-            <div class="flex-row-center">
+            <div class="flex-row-center whitespace-nowrap">
               <Label label = {attribute.label}/>
               {#if attribute.key === sortKey}
                 <div class="icon">

plugins/view-resources/src/components/TableView.svelte

@@ -13,6 +13,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 -->
+
 <script lang="ts">
   import type { Class, Doc, FindOptions, Ref, Space } from '@anticrm/core'
   import { SortingOrder } from '@anticrm/core'
@@ -118,7 +119,7 @@
                 class:sorted={attribute.key === sortKey}
                 on:click={() => changeSorting(attribute.key)}
               >
-                <div class="flex-row-center">
+                <div class="flex-row-center whitespace-nowrap">
                   <Label label={attribute.label} />
                   {#if attribute.key === sortKey}
                     <div class="icon">