Skip to content

Commit 8024388

Browse files
mrin9mrin9
committed
removed listing-by-path and added initial flexi-theme
1 parent 55ae0ca commit 8024388

16 files changed

+261
-724
lines changed

‎src/components/api-request.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -98,10 +98,10 @@ export default class ApiRequest extends LitElement {
9898
text-overflow: ellipsis;
9999
}
100100
.response-message.error{
101-
color:var(--error-color);
101+
color:var(--red);
102102
}
103103
.response-message.success{
104-
color:var(--success-color);
104+
color:var(--blue);
105105
}
106106
107107
@media only screen and (min-width: 768px){
@@ -175,7 +175,7 @@ export default class ApiRequest extends LitElement {
175175
<tr>
176176
<td style="width:160px; min-width:100px;">
177177
<div class="param-name">
178-
${param.required ? html`<span style='color:orangered'>*</span>` : ''}${param.name}
178+
${param.required ? html`<span style='color:var(--red)'>*</span>` : ''}${param.name}
179179
</div>
180180
<div class="param-type">
181181
${paramSchema.type === 'array'
@@ -469,13 +469,13 @@ export default class ApiRequest extends LitElement {
469469
<div style="display:flex;flex-direction:row;overflow:hidden;"> <div style="font-weight:bold;padding-right:5px;">API SERVER: </div>
470470
${this.selectedServer
471471
? html`${this.selectedServer}`
472-
: html`<div style="font-weight:bold;color:var(--error-color)">Not Set</div>`
472+
: html`<div style="font-weight:bold;color:var(--red)">Not Set</div>`
473473
}
474474
</div>
475475
<div style="display:flex;flex-direction:row;overflow:hidden;line-height:16px;color:var(--fg3)">
476476
${this.apiKeyValue && this.apiKeyName
477477
? html`
478-
<div style="font-weight:bold;color:var(--success-color)">Authentication: &nbsp; </div>
478+
<div style="font-weight:bold;color:var(--blue)">Authentication: &nbsp; </div>
479479
send <div style="font-family:var(--font-mono); color:var(--fg)"> '${this.apiKeyName}' </div>
480480
in<div style="font-family:var(--font-mono); color:var(--fg)"> '${this.apiKeyLocation}' </div>
481481
with value<div style="font-family:var(--font-mono); color:var(--fg)"> '${`${this.apiKeyValue.substring(0, 3)}***`}' </div>

‎src/components/api-response.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -204,7 +204,7 @@ export default class ApiResponse extends LitElement {
204204
mimeExampleTemplate(mimeRespDetails) {
205205
if (!mimeRespDetails) {
206206
return html`
207-
<pre style='color:var(--delete-color)' class = '${this.renderStyle === 'read' ? 'read text-example' : 'text-example'}'> No example provided </pre>
207+
<pre style='color:var(--red)' class = '${this.renderStyle === 'read' ? 'read text-example' : 'text-example'}'> No example provided </pre>
208208
`;
209209
}
210210
return html`
@@ -225,7 +225,7 @@ export default class ApiResponse extends LitElement {
225225
mimeSchemaTemplate(mimeRespDetails) {
226226
if (!mimeRespDetails) {
227227
return html`
228-
<pre style='color:var(--delete-color)' class = '${this.renderStyle === 'read' ? 'read text-example' : 'text-example'}'> Schema not found</pre>
228+
<pre style='color:var(--red)' class = '${this.renderStyle === 'read' ? 'read text-example' : 'text-example'}'> Schema not found</pre>
229229
`;
230230
}
231231
return html`

‎src/components/end-point.js‎

Lines changed: 29 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ export default class EndPoint extends LitElement {
6161
</div>
6262
${this.path.deprecated
6363
? html`
64-
<span style="font-size:12px; text-transform:uppercase; font-weight:bold; color:orangered; margin:2px 0 0 5px;">
64+
<span style="font-size:12px; text-transform:uppercase; font-weight:bold; color:var(--red); margin:2px 0 0 5px;">
6565
deprecated
6666
</span>`
6767
: ''
@@ -139,10 +139,7 @@ export default class EndPoint extends LitElement {
139139

140140
static get styles() {
141141
return [css`
142-
.only-large-screen {
143-
display:none;
144-
}
145-
142+
.only-large-screen { display:none; }
146143
.endpoint-head .path{
147144
display: flex;
148145
font-family:var(--font-mono);
@@ -175,28 +172,28 @@ export default class EndPoint extends LitElement {
175172
}
176173
.m-endpoint > .endpoint-head.put:hover,
177174
.m-endpoint > .endpoint-head.put.expanded{
178-
border-color:var(--put-color);
179-
background-color:var(--light-put-color);
175+
border-color:var(--orange);
176+
background-color:var(--light-orange);
180177
}
181178
.m-endpoint > .endpoint-head.post:hover,
182179
.m-endpoint > .endpoint-head.post.expanded{
183-
border-color:var(--post-color);
184-
background-color:var(--light-post-color);
180+
border-color:var(--green);
181+
background-color:var(--light-green);
185182
}
186183
.m-endpoint > .endpoint-head.get:hover,
187184
.m-endpoint > .endpoint-head.get.expanded{
188-
border-color:var(--get-color);
189-
background-color:var(--light-get-color);
185+
border-color:var(--blue);
186+
background-color:var(--light-blue);
190187
}
191188
.m-endpoint > .endpoint-head.delete:hover,
192189
.m-endpoint > .endpoint-head.delete.expanded{
193-
border-color:var(--delete-color);
194-
background-color:var(--light-delete-color);
190+
border-color:var(--red);
191+
background-color:var(--light-red);
195192
}
196193
.m-endpoint > .endpoint-head.patch:hover,
197194
.m-endpoint > .endpoint-head.patch.expanded{
198-
border-color:var(--patch-color);
199-
background-color:var(--light-patch-color);
195+
border-color:var(--yellow);
196+
background-color:var(--light-yellow);
200197
}
201198
.m-endpoint .endpoint-body {
202199
flex-wrap:wrap;
@@ -205,11 +202,11 @@ export default class EndPoint extends LitElement {
205202
border-style:solid;
206203
box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.15);
207204
}
208-
.m-endpoint .endpoint-body.delete{ border-color:var(--delete-color); }
209-
.m-endpoint .endpoint-body.patch{ border-color:var(--patch-color); }
210-
.m-endpoint .endpoint-body.put{ border-color:var(--put-color); }
211-
.m-endpoint .endpoint-body.post{border-color:var(--post-color);}
212-
.m-endpoint .endpoint-body.get{ border-color:var(--get-color); }
205+
.m-endpoint .endpoint-body.delete{ border-color:var(--red); }
206+
.m-endpoint .endpoint-body.patch{ border-color:var(--yellow); }
207+
.m-endpoint .endpoint-body.put{ border-color:var(--orange); }
208+
.m-endpoint .endpoint-body.post{border-color:var(--green);}
209+
.m-endpoint .endpoint-body.get{ border-color:var(--blue); }
213210
214211
.endpoint-head .deprecated{
215212
text-decoration: line-through red;
@@ -238,11 +235,11 @@ export default class EndPoint extends LitElement {
238235
text-transform:uppercase;
239236
margin-right:5px;
240237
}
241-
.method.delete{ border: 2px solid var(--delete-color);}
242-
.method.patch{ border: 2px solid var(--patch-color); }
243-
.method.put{ border: 2px solid var(--put-color); }
244-
.method.post{ border: 2px solid var(--post-color); }
245-
.method.get{ border: 2px solid var(--get-color); }
238+
.method.delete{ border: 2px solid var(--red);}
239+
.method.patch{ border: 2px solid var(--yellow); }
240+
.method.put{ border: 2px solid var(--orange); }
241+
.method.post{ border: 2px solid var(--green); }
242+
.method.get{ border: 2px solid var(--blue); }
246243
247244
.req-resp-container{
248245
display: flex;
@@ -264,23 +261,24 @@ export default class EndPoint extends LitElement {
264261
border-style:dashed;
265262
}
266263
.patch .request{
267-
border-color:var(--patch-color);
264+
border-color:var(--yellow);
268265
}
269266
.put .request{
270-
border-color:var(--put-color);
267+
border-color:var(--orange);
271268
}
272269
.post .request{
273-
border-color:var(--post-color);
270+
border-color:var(--green);
274271
}
275272
.get .request{
276-
border-color:var(--get-color);
273+
border-color:var(--blue);
277274
}
278275
.delete .request{
279-
border-color:var(--delete-color);
276+
border-color:var(--red);
280277
}
281278
282279
283-
@media only screen and (min-width: 768px){
280+
@media only screen and (min-width: 768px) {
281+
.only-large-screen { display:block; }
284282
.endpoint-head .path{
285283
font-size: var(--font-size-regular);
286284
min-width:400px;
@@ -292,9 +290,6 @@ export default class EndPoint extends LitElement {
292290
.descr .m-markdown-small{
293291
display:block;
294292
}
295-
.only-large-screen{
296-
display:block;
297-
}
298293
.req-resp-container{
299294
flex-direction: var(--layout, row);
300295
}

‎src/components/json-tree.js‎

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -39,10 +39,10 @@ export default class JsonTree extends LitElement {
3939
padding-left:12px;
4040
border-left:1px dotted var(--border-color);
4141
}
42-
.string{color:#86b300;}
43-
.number{color:#47afe8;}
44-
.null{color:orangered;}
45-
.boolean{color:#b96ff1}
42+
.string{color:var(--green);}
43+
.number{color:var(--blue);}
44+
.null{color:var(--red);}
45+
.boolean{color:var(--purple);}
4646
.object{color:var(--fg)}
4747
.toolbar {
4848
display:flex;
@@ -55,12 +55,6 @@ export default class JsonTree extends LitElement {
5555
padding:5px 0;
5656
margin:0 2px;
5757
}
58-
.seperator{
59-
width:1px;
60-
align-self:streatch;
61-
border-left: 1px solid var(--border-color);
62-
margin : 5px 5px;
63-
}
6458
</style>
6559
<div class="json-tree ${this.renderStyle === 'read' ? 'tree-border' : ''}" >
6660
<div class='toolbar'>

0 commit comments

Comments
 (0)