classcard-ui 0.2.430 → 0.2.433

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.430",
+  "version": "0.2.433",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CAnchorTabs/CAnchorTabs.vue

@@ -78,17 +78,6 @@ export default {
     };
   },
   methods: {
-    scrollIfNeeded(element, container) {
-      if (element.offsetTop < container.scrollTop) {
-        container.scrollTop = element.offsetTop;
-      } else {
-        const offsetBottom = element.offsetTop + element.offsetHeight;
-        const scrollBottom = container.scrollTop + container.offsetHeight;
-        if (offsetBottom > scrollBottom) {
-          container.scrollTop = offsetBottom - container.offsetHeight;
-        }
-      }
-    },
     switchTab(name) {
       this.activeTab = name;
       // document.getElementById(`${name}`).scrollIntoView({
@@ -97,10 +86,9 @@ export default {
       //   inline: "start",
       // });
 
-      this.scrollIfNeeded(
-        document.getElementById(`${name}`),
-        document.getElementById("container")
-      );
+      let myElement = document.getElementById(name);
+      let topPos = myElement.offsetTop;
+      document.getElementById("container").scrollTop = topPos;
     },
     switchTabForMobile(index) {
       var selectedOption = this.tabs[index];

package/src/components/CTable/CTable.vue

@@ -96,7 +96,7 @@
       :styleClass="
         showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'
       "
-      row-style-class="focus:outline-none"
+      :row-style-class="rowStyleClassFn"
       min-height="400px"
       :globalSearch="true"
       :isLoading="showLoader"
@@ -350,6 +350,11 @@ export default {
     handleToggle() {
       this.toggleDropdown = !this.toggleDropdown;
     },
+    rowStyleClassFn(row) {
+      return row.is_read === 0
+        ? "focus:outline-none bg-gray-100"
+        : "focus:outline-none";
+    },
     showHideColumn(value, name) {
       this.$emit("hideCols", value, name);
     },