@appscode/design-system 1.0.43-alpha.88 → 1.0.43-alpha.91

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.
Files changed (8) hide show
  1. package/base/utilities/_default.scss +1 -1
  2. package/base/utilities/_typography.scss +3 -0
  3. package/components/_ac-alert-box.scss +2 -1
  4. package/components/_ac-input.scss +17 -6
  5. package/components/_left-sidebar-menu.scss +3 -1
  6. package/components/ui-builder/_ui-builder.scss +6 -1
  7. package/main.scss +1 -0
  8. package/package.json +1 -1
package/base/utilities/_default.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  &.in-ui-builder {
27
- grid-template-columns: calc(100% - 270px) 270px;
27
+ grid-template-columns: calc(100% - 270px) 270px !important;
28
28
  }
29
29
 
30
30
  &.has-ui-builder {
package/base/utilities/_typography.scss CHANGED
@@ -106,3 +106,6 @@ strong {
106
106
  .is-font-bold {
107
107
  font-weight: 700;
108
108
  }
109
+ .material-icons{
110
+ font-size: 1em;
111
+ }
package/components/_ac-alert-box.scss CHANGED
@@ -17,8 +17,9 @@
17
17
  p {
18
18
  color: $ac-primary;
19
19
 
20
- i.fa {
20
+ .close-icon {
21
21
  padding-right: 10px;
22
+ font-size: 15px;
22
23
  }
23
24
 
24
25
  a {
package/components/_ac-input.scss CHANGED
@@ -177,6 +177,11 @@
177
177
  top: -9px;
178
178
  font-weight: 500;
179
179
  color: $ac-color-value;
180
+ &.is-required{
181
+ &:after{
182
+ width: calc(100% + 10px);
183
+ }
184
+ }
180
185
  }
181
186
  }
182
187
 
@@ -373,12 +378,13 @@
373
378
  }
374
379
 
375
380
  .ac-textarea {
376
- // border: 1px solid $ac-label-text;
377
- // border-radius: 4px;
378
- // padding: 10px 0 5px 0;
379
- // // background-color: $ac-blue-light;
380
- // transition: background-color 0.3s ease-in-out;
381
-
381
+ .ac-label{
382
+ &.is-required{
383
+ &:after{
384
+ width: calc(100% + 10px);
385
+ }
386
+ }
387
+ }
382
388
  textarea {
383
389
  border: 1px solid $ac-label-text;
384
390
  background-color: transparent;
@@ -387,6 +393,7 @@
387
393
  &.bg-white {
388
394
  background-color: transparent;
389
395
  }
396
+
390
397
 
391
398
  &:focus {
392
399
  outline: none;
@@ -790,7 +797,11 @@ input#captcha {
790
797
  label {
791
798
  color: $ac-label-text;
792
799
  }
800
+ .button.is-information:focus{
801
+ background-color: $dark-bg-light;
802
+ }
793
803
  }
804
+
794
805
  }
795
806
  // dark theme end
796
807
  /****************************************
package/components/_left-sidebar-menu.scss CHANGED
@@ -1,4 +1,6 @@
1
1
  .ac-system-left-sidebar {
2
+ min-height: calc(100vh - 50px);
3
+
2
4
  &.is-expanded {
3
5
  .ac-left-sidebar-wrapper {
4
6
  &.style-2 {
@@ -379,7 +381,7 @@
379
381
 
380
382
  // commented out to set full width select box when right content is not present
381
383
  // width: 234px;
382
-
384
+
383
385
  left: 0px;
384
386
  top: -5px;
385
387
 
package/components/ui-builder/_ui-builder.scss CHANGED
@@ -158,7 +158,12 @@
158
158
  border-radius: 4px;
159
159
  }
160
160
  }
161
-
161
+ .is-collapsed {
162
+ &.ac-nested-elements::before,
163
+ &.ac-nested-elements::after {
164
+ display: none;
165
+ }
166
+ }
162
167
  // details with checkradio
163
168
  .details-with-checkradio-wrapper {
164
169
  display: grid;
package/main.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  @import "~bulma-checkradio";
4
4
  @import "~bulma-switch";
5
5
  @import "~bulma-tooltip";
6
+ @import url("https://fonts.googleapis.com/css2?family=Material+Icons&display=swap");
6
7
  @import "vue-multiselect/dist/vue-multiselect.min.css";
7
8
 
8
9
  // BASE
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "1.0.43-alpha.88",
3
+ "version": "1.0.43-alpha.91",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {