@appscode/design-system 2.17.83-alpha-3 → 2.17.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.17.83-alpha-3",
+  "version": "2.17.83",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/composables/element-offset.ts

@@ -3,7 +3,7 @@ import { useElementSize, useMutationObserver } from "@vueuse/core";
 
 export function useElementsOffset(selectors: string[]) {
   const elRefs = selectors.map(() => ref<HTMLElement | null>(null));
-  const sizes = elRefs.map((el) => useElementSize(el));
+  const sizes = elRefs.map((el) => useElementSize(el, undefined, { box: "border-box" }));
 
   const resolveElements = () => {
     selectors.forEach((selector, i) => {

package/vue-components/styles/components/sidebar-tabs/_sidebar-tabs.scss

@@ -4,6 +4,7 @@
   padding: 8px;
   height: calc(100vh - var(--sidebar-tabs-offset, 50px));
   overflow-y: auto;
+
   ul {
     li {
       a {
@@ -26,6 +27,7 @@
           width: 100%;
           height: 100%;
           background-color: $primary-95;
+          border: 1px solid transparent;
           border-radius: 4px;
           z-index: -1;
           opacity: 0;