@appscode/design-system 2.0.23-alpha.3 → 2.0.24-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.0.23-alpha.3",
3
+ "version": "2.0.24-alpha.1",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
@@ -763,6 +763,18 @@ $border_color_4: transparent transparent #585d6e transparent;
763
763
 
764
764
  // Status css
765
765
  // ac-footer sticky end
766
+ body:has(.has-info-content) {
767
+ &:after {
768
+ position: absolute;
769
+ content: "";
770
+ left: 0;
771
+ top: 0;
772
+ width: calc(100% - 550px);
773
+ height: 100vh;
774
+ background-color: rgba(0, 0, 0, 0.5);
775
+ z-index: 9999;
776
+ }
777
+ }
766
778
  .information-center {
767
779
  min-height: calc(100vh - 0px);
768
780
  padding: 20px;
@@ -773,7 +785,7 @@ $border_color_4: transparent transparent #585d6e transparent;
773
785
  right: 0;
774
786
  background: #fff;
775
787
  top: 0;
776
- z-index: 9999;
788
+ z-index: 99999;
777
789
  box-shadow: -3px 2px 10px 3px rgba(0, 0, 0, 0.1);
778
790
 
779
791
  .info-title {
@@ -196,6 +196,7 @@
196
196
 
197
197
  .multiselect--disabled {
198
198
  opacity: unset;
199
+ background: transparent !important;
199
200
  }
200
201
 
201
202
  &.is-disable {
@@ -145,8 +145,8 @@
145
145
  }
146
146
 
147
147
  .footer-bottom-fixed {
148
- position: fixed!important;
149
- bottom: 8px!important;
148
+ position: fixed !important;
149
+ bottom: 8px !important;
150
150
  width: calc(100% - 280px);
151
151
  border-top: 1px solid $primary-90;
152
152
  padding-top: 8px;