@appscode/design-system 1.0.43-alpha.93 → 1.0.43-alpha.97

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.
@@ -288,6 +288,23 @@ input[type="color"]::-moz-color-swatch {
288
288
  -webkit-box-orient: vertical;
289
289
  }
290
290
  }
291
+ // toast css third-party
292
+
293
+ .toasted-container {
294
+ .ac-toast-action.mr-10 {
295
+ text-decoration: underline !important;
296
+ }
297
+ .has-report-issue {
298
+ padding-right: 140px !important;
299
+ }
300
+ }
301
+ .is-dark-theme {
302
+ .toasted-container {
303
+ i.fa {
304
+ color: #ffffff !important;
305
+ }
306
+ }
307
+ }
291
308
 
292
309
  // flex start
293
310
  .is-middle-alignment {
@@ -931,13 +948,12 @@ $border_color_4: transparent transparent #585d6e transparent;
931
948
 
932
949
  // terminal scss start
933
950
  .ac-terminal {
934
- padding: 3px;
935
951
  position: fixed;
936
952
  bottom: 0px;
937
953
  height: 300px;
954
+ border-top: 1px solid var(--ac-white-light);
938
955
  width: 100%;
939
956
  background-color: $ac-white;
940
- border: 1px solid var(--ac-white-light);
941
957
 
942
958
  color: $ac-white;
943
959
  z-index: 999;
@@ -1,8 +1,8 @@
1
1
  .ac-terminal {
2
+ padding: 0;
2
3
  position: fixed;
3
4
  width: calc(100% - 270px);
4
5
  bottom: 0;
5
- // background-color: #3a3a3a;
6
6
  background-color: $ac-white;
7
7
  color: $ac-white;
8
8
  font-size: 13px;
@@ -168,11 +168,17 @@
168
168
 
169
169
  .right-content {
170
170
  .status-message {
171
+ background-color: #666666 !important;
172
+ text-align: center;
173
+ padding: 4px 20px;
174
+ border-radius: 4px;
175
+ color: #ffffff !important;
176
+ text-transform: uppercase;
171
177
  &.is-success {
172
- color: #27b064;
178
+ background-color: #27b064;
173
179
  }
174
180
  &.is-failed {
175
- color: $ac-red;
181
+ background: $ac-red;
176
182
  }
177
183
  }
178
184
  }
@@ -127,7 +127,11 @@
127
127
  width: 52px;
128
128
  height: 52px;
129
129
  padding: 0;
130
-
130
+ &:hover{
131
+ svg{
132
+ color: $ac-white;
133
+ }
134
+ }
131
135
  &.is-gray {
132
136
  background-color: $ac-white-light;
133
137
  color: $ac-gray-lightest;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "1.0.43-alpha.93",
3
+ "version": "1.0.43-alpha.97",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {