#104 [pl] słownik języka inkluzywnego - minor improvements

assets/style.scss

@@ -118,3 +118,7 @@ blockquote {
 [dir="rtl"] {
     text-align: right;
 }
+
+.text-strike {
+    text-decoration: line-through;
+}

components/InclusiveDictionary.vue

@@ -29,7 +29,7 @@
             </div>
         </section>
 
-        <Table :data="visibleEntries()" columns="3" :marked="(el) => !el.approved" fixed ref="dictionarytable">
+        <Table :data="visibleEntries()" :marked="(el) => !el.approved" fixed ref="dictionarytable">
             <template v-slot:header>
                 <th class="text-nowrap">
                     <Icon v="comment-times"/>
@@ -49,7 +49,7 @@
             <template v-slot:row="s"><template v-if="s">
                 <td>
                     <ul class="list-untyled">
-                        <li v-for="w in s.el.insteadOf">{{w}}</li>
+                        <li v-for="w in s.el.insteadOf" class="text-strike">{{w}}</li>
                     </ul>
 
                     <ul class="list-inline">
@@ -63,7 +63,7 @@
                     <small v-if="s.el.base && entries[s.el.base]">
                         <p><strong><T>nouns.edited</T>:</strong></p>
                         <ul class="list-untyled">
-                            <li v-for="w in entries[s.el.base].insteadOf">{{w}}</li>
+                            <li v-for="w in entries[s.el.base].insteadOf" class="text-strike">{{w}}</li>
                         </ul>
 
                         <ul class="list-inline">
@@ -88,7 +88,7 @@
                     </small>
                 </td>
                 <td>
-                    <p v-for="p in s.el.because.split('\n\n')">{{p}}</p>
+                    <p v-for="p in s.el.because.split('\n\n')"><LinkedText :text="p"/></p>
 
                     <ul class="list-unstyled small">
                         <li v-for="link in s.el.links">
@@ -101,7 +101,7 @@
 
                     <small v-if="s.el.base && entries[s.el.base]">
                         <p><strong><T>nouns.edited</T>:</strong></p>
-                        <p v-for="p in entries[s.el.base].because.split('\n\n')">{{p}}</p>
+                        <p v-for="p in entries[s.el.base].because.split('\n\n')"><LinkedText :text="p"/></p>
 
                         <ul class="list-unstyled small">
                             <li v-for="link in entries[s.el.base].links">

components/NounForm.vue

@@ -21,7 +21,7 @@
         props: {
             value: {required: true},
             required: {type: Boolean},
-            maxlength: {'default': 24},
+            maxlength: {'default': 36},
         },
         data() {
             return {

locale/pl/config.suml

@@ -84,7 +84,7 @@ nouns:
         - 'osobatywy'
     inclusive:
         enabled: false
-        categories: ['interpłciowość', 'lgbtq+', 'niepełnosprawność', 'rasa', 'trans']
+        categories: ['queer/lgbtq+', 'transpłciowość', 'interpłciowość', 'niepełnosprawność', 'rasa i narodowość']
         route: 'inkluzywny'
     terms:
         enabled: false

src/helpers.js

@@ -65,7 +65,13 @@ export const clearUrl = url => {
         url = url.substr(0, url.length - 1);
     }
 
-    return decodeURIComponent(url);
+    url = decodeURIComponent(url);
+
+    if (url.length > 48) {
+        url = url.substring(0, 28) + '...' + url.substring(url.length - 17);
+    }
+
+    return url;
 }
 
 export const makeId = (length, characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789') => {