@appscode/design-system 2.0.19-alpha.9 → 2.0.20

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 (7) hide show
  1. package/package.json +1 -1
  2. package/vue-components/styles/base/utilities/_global.scss +23 -0
  3. package/vue-components/styles/components/cards/_cluster.scss +3 -3
  4. package/vue-components/styles/components/cards/_features.scss +2 -3
  5. package/vue-components/styles/components/select-box/_multi-select.scss +5 -4
  6. package/vue-components/v3/cards/FeatureCard.vue +1 -1
  7. package/vue-components/v3/editor/FilteredFileEditor.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.0.19-alpha.9",
3
+ "version": "2.0.20",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
package/vue-components/styles/base/utilities/_global.scss CHANGED
@@ -24,6 +24,29 @@ $positions: (
24
24
  border: 1px solid $primary-90;
25
25
  }
26
26
 
27
+ .is-rounded-0 {
28
+ border-radius: 0;
29
+ }
30
+ .is-rounded-2 {
31
+ border-radius: 2px;
32
+ }
33
+ .is-rounded-4 {
34
+ border-radius: 4px;
35
+ }
36
+ .is-rounded-8 {
37
+ border-radius: 8px;
38
+ }
39
+
40
+ .is-rounded-12 {
41
+ border-radius: 12px;
42
+ }
43
+ .is-rounded-16 {
44
+ border-radius: 16px;
45
+ }
46
+ .is-rounded-50 {
47
+ border-radius: 50px;
48
+ }
49
+
27
50
  .is-fullwidth {
28
51
  width: 100%;
29
52
  }
package/vue-components/styles/components/cards/_cluster.scss CHANGED
@@ -8,9 +8,9 @@
8
8
  width: 100%;
9
9
  border-radius: 2px;
10
10
 
11
- // .card-details-inner {
12
- // width: 100%;
13
- // }
11
+ .card-details-inner {
12
+ width: 100%;
13
+ }
14
14
 
15
15
  .ac-options {
16
16
  position: absolute;
package/vue-components/styles/components/cards/_features.scss CHANGED
@@ -1,8 +1,7 @@
1
-
2
1
  // features card
3
2
  .card-basic.feature-card {
4
3
  padding: 20px;
5
- width: calc(25% - 8px);
4
+ // width: calc(25% - 8px);
6
5
  max-width: 390px;
7
6
  min-width: 290px;
8
7
  position: relative;
@@ -23,4 +22,4 @@
23
22
  color: #0c365a;
24
23
  }
25
24
  }
26
- }
25
+ }
package/vue-components/styles/components/select-box/_multi-select.scss CHANGED
@@ -255,12 +255,12 @@
255
255
  }
256
256
 
257
257
  .multiselect--active {
258
- height: 36px !important;
258
+ height: 32px !important;
259
259
  z-index: 50;
260
260
  }
261
261
 
262
262
  .multiselect .multiselect__tags {
263
- min-height: 36px !important;
263
+ min-height: 32px !important;
264
264
  padding: 4px 30px 4px 20px;
265
265
  font-size: 13px;
266
266
 
@@ -295,7 +295,8 @@
295
295
  &.is-extra-small {
296
296
  label {
297
297
  font-size: 13px;
298
- top: 8px;
298
+ top: 6px;
299
+ font-weight: 500;
299
300
 
300
301
  &.show-label {
301
302
  font-size: 12px;
@@ -442,7 +443,7 @@
442
443
  top: 50%;
443
444
  background-color: $white-100;
444
445
  width: 100%;
445
- height: 2px;
446
+ height: 4px;
446
447
  margin-top: -1px;
447
448
  z-index: -1;
448
449
  }
package/vue-components/v3/cards/FeatureCard.vue CHANGED
@@ -40,5 +40,5 @@ withDefaults(
40
40
  </template>
41
41
 
42
42
  <style lang="scss" scoped>
43
- // ac card
43
+ @import "../../../vue-components/styles/components/cards/features";
44
44
  </style>
package/vue-components/v3/editor/FilteredFileEditor.vue CHANGED
@@ -124,7 +124,7 @@ watch(
124
124
  </script>
125
125
 
126
126
  <template>
127
- <div class="ac-preview is-not-fixed">
127
+ <div class="ac-preview is-not-fixed pl-20 pr-20">
128
128
  <div class="ac-preview-inner">
129
129
  <!-- preview body start -->
130
130
  <div