@appscode/design-system 1.0.43-alpha.95 → 1.0.43-alpha.99

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.
@@ -946,30 +946,7 @@ $border_color_4: transparent transparent #585d6e transparent;
946
946
  // Status css
947
947
  // ac-footer sticky end
948
948
 
949
- // terminal scss start
950
- .ac-terminal {
951
- padding: 3px;
952
- position: fixed;
953
- bottom: 0px;
954
- height: 300px;
955
- width: 100%;
956
- background-color: $ac-white;
957
- border: 1px solid var(--ac-white-light);
958
-
959
- color: $ac-white;
960
- z-index: 999;
961
-
962
- .terminal-body {
963
- font-family: "Inconsolata", monospace;
964
- background-color: var(--dark-bg-light);
965
- height: 100%;
966
- color: $ac-white;
967
949
 
968
- strong {
969
- color: $ac-white;
970
- }
971
- }
972
- }
973
950
 
974
951
  // terminal scss end
975
952
  .is-dark-theme {
@@ -101,6 +101,7 @@
101
101
  display: block;
102
102
  text-decoration: none !important;
103
103
  color: $ac-color-text !important;
104
+ border: none;
104
105
 
105
106
  &:hover {
106
107
  background-color: $ac-bg-light-gray;
@@ -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;
@@ -151,7 +170,6 @@
151
170
  .terminal-setting {
152
171
  background-color: var(--dark-bg);
153
172
  padding: 5px 20px;
154
- border-bottom: 1px solid $ac-white-light;
155
173
 
156
174
  .left-content {
157
175
  .ac-select-box-wrapper {
@@ -168,11 +186,17 @@
168
186
 
169
187
  .right-content {
170
188
  .status-message {
189
+ background-color: #666666 !important;
190
+ text-align: center;
191
+ padding: 4px 20px;
192
+ border-radius: 4px;
193
+ color: #ffffff !important;
194
+ text-transform: uppercase;
171
195
  &.is-success {
172
- color: #27b064;
196
+ background-color: #27b064 !important;
173
197
  }
174
- &.is-failed {
175
- color: $ac-red;
198
+ &.is-danger {
199
+ background-color: $ac-red !important;
176
200
  }
177
201
  }
178
202
  }
@@ -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.95",
3
+ "version": "1.0.43-alpha.99",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {