@appscode/design-system 1.0.43-alpha.94 → 1.0.43-alpha.98

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 {
@@ -929,30 +946,7 @@ $border_color_4: transparent transparent #585d6e transparent;
929
946
  // Status css
930
947
  // ac-footer sticky end
931
948
 
932
- // terminal scss start
933
- .ac-terminal {
934
- padding: 3px;
935
- position: fixed;
936
- bottom: 0px;
937
- height: 300px;
938
- width: 100%;
939
- background-color: $ac-white;
940
- border: 1px solid var(--ac-white-light);
941
-
942
- color: $ac-white;
943
- z-index: 999;
944
-
945
- .terminal-body {
946
- font-family: "Inconsolata", monospace;
947
- background-color: var(--dark-bg-light);
948
- height: 100%;
949
- color: $ac-white;
950
949
 
951
- strong {
952
- color: $ac-white;
953
- }
954
- }
955
- }
956
950
 
957
951
  // terminal scss end
958
952
  .is-dark-theme {
@@ -1,8 +1,27 @@
1
+ // terminal scss start
1
2
  .ac-terminal {
3
+ bottom: 0px;
4
+ height: 300px;
5
+ width: 100%;
6
+
7
+ .terminal-body {
8
+ font-family: "Inconsolata", monospace;
9
+ background-color: var(--dark-bg-light);
10
+ height: 100%;
11
+ color: $ac-white;
12
+
13
+ strong {
14
+ color: $ac-white;
15
+ }
16
+ }
17
+ }
18
+
19
+ .ac-terminal {
20
+ border-top: 1px solid var(--ac-white-light);
21
+ padding: 0;
2
22
  position: fixed;
3
23
  width: calc(100% - 270px);
4
24
  bottom: 0;
5
- // background-color: #3a3a3a;
6
25
  background-color: $ac-white;
7
26
  color: $ac-white;
8
27
  font-size: 13px;
@@ -168,11 +187,17 @@
168
187
 
169
188
  .right-content {
170
189
  .status-message {
190
+ background-color: #666666 !important;
191
+ text-align: center;
192
+ padding: 4px 20px;
193
+ border-radius: 4px;
194
+ color: #ffffff !important;
195
+ text-transform: uppercase;
171
196
  &.is-success {
172
- color: #27b064;
197
+ background-color: #27b064 !important;
173
198
  }
174
- &.is-failed {
175
- color: $ac-red;
199
+ &.is-danger {
200
+ background-color: $ac-red !important;
176
201
  }
177
202
  }
178
203
  }
@@ -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.94",
3
+ "version": "1.0.43-alpha.98",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {