tweaks css

src/components/itemsRenderer/GridRow.vue

@@ -9,7 +9,7 @@ This file is part of LiberaForms.
   <tr :class="[is_highlighted ? 'ds-highlighted' : '']">
       <template v-for="(field, index) in field_index">
         <td v-if="field.name == 'marked'"
-            class="p-0 stickyColumn first_sticky_col">
+            class="p-0 stickyColumn first-sticky-col">
           <RowControls :item_id="item.id"
                        :marked="item.marked" />
         </td>

src/components/itemsRenderer/ItemsGrid.vue

@@ -14,7 +14,7 @@ This file is part of LiberaForms.
             <template v-for="(field, index) in field_index">
               <th v-if="field.name == 'marked'" :key="index"
                   v-on:click="setOrder(field.name)"
-                  class="stickyColumn widthZero first_sticky_col"
+                  class="stickyColumn widthZero first-sticky-col"
                   scope="col">
                 <div class="ds-marked-col-header" :aria-label="$t('Marked')">
                   <BookmarkIcon size="1.25x" aria-hidden="true" />
@@ -140,11 +140,11 @@ export default {
     }
 
     const sticky_column_classes = computed(() => {
-      if (store.ui.other_options) {
-        return "stickyColumn sticky_data_col sticky_data_col_with_controls_expanded";
+      if (store.ui.delete_mode) {
+        return "stickyColumn sticky_data_col sticky-data-col-with-controls-expanded";
       }
       if (store.has_row_controls) {
-        return "stickyColumn sticky_data_col sticky_data_col_with_controls";
+        return "stickyColumn sticky_data_col sticky-data-col-with-controls";
       }
       return ""
     })
@@ -217,23 +217,25 @@ th > div, td > div {
   outline: 1px solid var(--lf-gray-400);
   z-index: 2;
 }
-.first_sticky_col {
+.first-sticky-col {
   left: 0px;
+  /* border-style: none !important; */
+  /*border: 1px solid var(--lf-gray-300);*/
 }
 @-moz-document url-prefix()  {
-  .first_sticky_col {
+  .first-sticky-col {
     left: 1px;
   }
 }
-.sticky_data_col_with_controls {
+.sticky-data-col-with-controls {
   left: 40px;
 }
 @-moz-document url-prefix()  {
-  .sticky_data_col_with_controls {
+  .sticky-data-col-with-controls {
     left: 41px;
   }
 }
-.sticky_data_col_with_controls_expanded {
+.sticky-data-col-with-controls-expanded {
   left: 82px;
 }
 .ds-marked-col-header {

src/translations/en.json

@@ -38,7 +38,6 @@
   "False": "False",
   "Previous": "Previous",
   "Next": "Next",
-  "Displaying {number} of {total}": "Displaying {number} of {total}",
   "Name": "Name",
   "Created": "Created",
   "Author": "Author",
@@ -63,6 +62,7 @@
   "Select font size": "Select font size",
   "Page": "Page",
   "Page orientation": "Page orientation",
+  "Page {number} of {total}": "Page {number} of {total}",
   "Export these fields": "Export these fields",
   "Export:": "Export:",
   "Only export marked": "Only export marked",