@appscode/design-system 1.0.43-alpha.85 → 1.0.43-alpha.89

package/base/utilities/_default.scss

@@ -23,6 +23,10 @@
     }
   }
 
+  &.in-ui-builder {
+    grid-template-columns: calc(100% - 270px) 270px;
+  }
+
   &.has-ui-builder {
     grid-template-columns: 70px calc(100% - 70px);
     grid-gap: 0;

package/components/_ac-card.scss

@@ -144,7 +144,7 @@
         &:after {
           position: absolute;
           content: "";
-          left: 10px;
+          left: 0;
           bottom: 0;
           width: 100%;
           height: 5px;

package/components/_ac-input.scss

@@ -790,7 +790,11 @@ input#captcha {
     label {
       color: $ac-label-text;
     }
+    .button.is-information:focus{
+      background-color: $dark-bg-light;
+    }
   }
+  
 }
 // dark theme end
 /****************************************

package/components/_ac-options.scss

@@ -26,6 +26,8 @@
   &.is-right {
     .option-dots {
       align-items: flex-end;
+      padding: 0 10px;
+      margin-right: -10px;
     }
 
     .options-items {
@@ -41,17 +43,18 @@
     border: none;
     background-color: transparent;
     transition: 0.3 ease-in-out;
+   
 
     &:hover {
       color: $ac-primary;
     }
 
     span {
-      width: 5px;
-      height: 5px;
+      width: 4px;
+      height: 4px;
       background-color: $ac-color-value;
       border-radius: 50%;
-      margin-bottom: 2px;
+      margin-bottom: 1px;
     }
   }
 
@@ -94,7 +97,7 @@
 
       a {
         font-size: $font-size-small;
-        padding: 10px 15px;
+        padding: 7px 15px;
         display: block;
         text-decoration: none !important;
         color: $ac-color-text !important;

package/components/_buttons.scss

@@ -624,6 +624,9 @@
       --ac-white: #2e323c;
     }
   }
+  .button.ac-button.is-text{
+    background-color: transparent;
+  }
 }
 // dark theme end
 /****************************************

package/components/_left-sidebar-menu.scss

@@ -1,4 +1,6 @@
 .ac-system-left-sidebar {
+  min-height: calc(100vh - 50px);
+
   &.is-expanded {
     .ac-left-sidebar-wrapper {
       &.style-2 {
@@ -379,7 +381,7 @@
 
     // commented out to set full width select box when right content is not present
     // width: 234px;
-    
+
     left: 0px;
     top: -5px;
 

package/components/bbum/_card-team.scss

@@ -7,7 +7,7 @@
     0.03
   );
   border-radius: 4px;
-  overflow: hidden;
+  // overflow: hidden;
   transition: 0.3s ease-in-out;
 
   &:hover {

package/components/bbum/_user-profile.scss

@@ -10,7 +10,6 @@
       background-color: $ac-white;
       border-radius: 4px;
       overflow: hidden;
-      padding: 10px;
       position: relative;
       z-index: 1;
       margin-bottom: 10px;

package/package.json

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

package/vue-components/v2/sidebar/ClusterSwitcher.vue

@@ -99,7 +99,7 @@ export default {
       },
     },
     selectedClusterName(n) {
-      if (n !== this.selectedCluster.name) {
+      if (this.selectedCluster && n !== this.selectedCluster.name) {
         this.clusterOptions.forEach((item) => {
           if (this.selectedClusterName === item.name) {
             this.selectedCluster = item;