Skip to content

Commit f66b272

Browse files
azaslonovazaslonov
authored
Adjusted style naming and locations. (#1560)
1 parent 1390a1c commit f66b272

File tree

11 files changed

+198
-242
lines changed

11 files changed

+198
-242
lines changed

‎src/components/operations/operation-details/ko/runtime/authorization.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!-- ko if: $component.authorizationServer() || $component.subscriptionKeyRequired() -->
2-
<h3 class="pad-top-0">Authorization
2+
<h3 class="pt-0">Authorization
33
<button class="no-border" data-bind="activate: $component.collapseAuth">
44
<!-- ko if: $component.collapsedAuth -->
55
<i class="icon-emb icon-emb-chevron-down"></i>

‎src/components/operations/operation-details/ko/runtime/graphql-console.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
params="{ api: $component.api, authorizationServer: $component.authorizationServer, headers: $component.headers}">
3333
</authorization>
3434

35-
<h3 class="pad-top-0">Headers
35+
<h3 class="pt-0">Headers
3636
<button class="no-border" data-bind="click: $component.collapse('collapsedHeaders')">
3737
<!-- ko if: $component.collapsedHeaders -->
3838
<i class="icon-emb icon-emb-chevron-down"></i>
@@ -45,7 +45,7 @@ <h3 class="pad-top-0">Headers
4545
<!-- ko ifnot: $component.collapsedHeaders -->
4646
<!-- ko if: $component.headers().length > 0 -->
4747
<div data-bind="foreach: { data: $component.headers, as: 'header' }">
48-
<div class="row flex flex-row headers-gql pad-left-0">
48+
<div class="row flex flex-row headers-gql pl-0">
4949
<div class="col-4">
5050
<div class="form-group">
5151
<div class="input-group">
@@ -70,7 +70,7 @@ <h3 class="pad-top-0">Headers
7070
<!-- /ko -->
7171
</div>
7272
</div>
73-
<div class="col-2 pad-top-12">
73+
<div class="col-2 pt-12">
7474
<a href="#" role="button" data-bind="click: $component.removeHeader">Remove</a>
7575
</div>
7676
</div>

‎src/components/operations/operation-details/ko/runtime/operation-console.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
</nav>
3333

3434
<!-- ko ifnot: api.type === 'websocket' -->
35-
<div class="monospace" data-bind="text: urlTemplate, attr: { 'data-method': method }"></div>
35+
<div class="text-monospace" data-bind="text: urlTemplate, attr: { 'data-method': method }"></div>
3636
<!-- /ko -->
3737

3838

‎src/components/operations/operation-details/ko/runtime/operation-details.html‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ <h2 class="operation-name">
3333
<div class="collapsible">
3434
<h3>Request</h3>
3535
<div class="collapsible-container">
36-
<span class="monospace"
36+
<span class="text-monospace"
3737
data-bind="text: $component.requestUrlSample, attr: { 'data-method': operation().method }"></span>
3838

3939
<!-- ko if: operation().parameters.length > 0 -->
@@ -52,18 +52,18 @@ <h4>Request parameters</h4>
5252
<div class="d-contents" role="rowgroup">
5353
<!-- ko foreach: { data: operation().parameters, as: 'parameter' } -->
5454
<div class="d-contents" role="row">
55-
<div role="cell" class="text-truncate monospace"
55+
<div role="cell" class="text-truncate text-monospace"
5656
data-bind="text: parameter.name, attr: { title: parameter.name }"></div>
5757
<div role="cell" class="text-truncate" data-bind="text: parameter.in"></div>
5858
<div role="cell" class="text-truncate" data-bind="text: parameter.required"></div>
59-
<div role="cell" class="text-truncate monospace" data-bind="text: parameter.type"></div>
59+
<div role="cell" class="text-truncate text-monospace" data-bind="text: parameter.type"></div>
6060
<div role="cell">
6161
<span data-bind="markdown: parameter.description"></span>
6262

6363
<!-- ko foreach: { data: parameter.examples, as: 'example' } -->
6464
<p>
6565
<span data-bind="text: example.title"></span>:
66-
<span data-bind="text: example.value" class="monospace text-wrap"></span>
66+
<span data-bind="text: example.value" class="text-monospace text-wrap"></span>
6767
<span data-bind="text: example.description" class="d-block"></span>
6868
</p>
6969
<!-- /ko -->
@@ -89,18 +89,18 @@ <h4>Request headers</h4>
8989
<div class="d-contents" role="rowgroup">
9090
<!-- ko foreach: { data: operation().request.headers, as: 'header' } -->
9191
<div class="d-contents" role="row">
92-
<div role="cell" class="text-truncate monospace"
92+
<div role="cell" class="text-truncate text-monospace"
9393
data-bind="text: header.name, attr: { title: header.name }"></div>
9494
<div role="cell" class="text-truncate" data-bind="text: header.required"></div>
95-
<div role="cell" class="text-truncate monospace"
95+
<div role="cell" class="text-truncate text-monospace"
9696
data-bind="text: header.type, attr: { title: header.type }"></div>
9797
<div role="cell">
9898
<span data-bind="markdown: header.description"></span>
9999

100100
<!-- ko foreach: { data: header.examples, as: 'example' } -->
101101
<p>
102102
<span data-bind="text: example.title"></span>:
103-
<span data-bind="text: example.value" class="monospace text-wrap"></span>
103+
<span data-bind="text: example.value" class="text-monospace text-wrap"></span>
104104
<span data-bind="text: example.description" class="d-block"></span>
105105
</p>
106106
<!-- /ko -->
@@ -150,11 +150,11 @@ <h4>Request body</h4>
150150
<div class="d-contents" role="rowgroup">
151151
<!-- ko foreach: { data: representation.formParameters, as: 'parameter' } -->
152152
<div class="d-contents" role="row">
153-
<div role="cell" class="text-truncate monospace"
153+
<div role="cell" class="text-truncate text-monospace"
154154
data-bind="text: parameter.name, attr: { title: parameter.name }"></div>
155155
<div role="cell" class="text-truncate" data-bind="text: parameter.in"></div>
156156
<div role="cell" class="text-truncate" data-bind="text: parameter.required"></div>
157-
<div role="cell" class="text-truncate monospace" data-bind="text: parameter.type"></div>
157+
<div role="cell" class="text-truncate text-monospace" data-bind="text: parameter.type"></div>
158158
<div role="cell" data-bind="markdown: parameter.description"></div>
159159
</div>
160160
<!-- /ko -->
@@ -196,10 +196,10 @@ <h4>Response headers</h4>
196196
<div class="d-contents" role="rowgroup">
197197
<!-- ko foreach: { data: response.headers, as: 'header' } -->
198198
<div class="d-contents" role="row">
199-
<div role="cell" class="text-truncate monospace"
199+
<div role="cell" class="text-truncate text-monospace"
200200
data-bind="text: header.name, attr: { title: header.name }"></div>
201201
<div role="cell" class="text-truncate" data-bind="text: header.required"></div>
202-
<div role="cell" class="text-truncate monospace"
202+
<div role="cell" class="text-truncate text-monospace"
203203
data-bind="text: header.type, attr: { title: header.type }"></div>
204204
<div role="cell" data-bind="markdown: header.description"></div>
205205
</div>
@@ -298,12 +298,12 @@ <h2 class="operation-name"></h2>
298298
<div class="collapsible">
299299
<h3>Socket URL</h3>
300300
<div class="collapsible-container">
301-
<span class="monospace" data-bind="text: $component.requestUrlSample"></span>
301+
<span class="text-monospace" data-bind="text: $component.requestUrlSample"></span>
302302
</div>
303303

304304
<h3>Protocol</h3>
305305
<div class="collapsible-container">
306-
<span class="monospace" data-bind="text: $component.protocol"></span>
306+
<span class="text-monospace" data-bind="text: $component.protocol"></span>
307307
</div>
308308
</div>
309309

@@ -325,7 +325,7 @@ <h2 class="operation-name"></h2>
325325
<div class="collapsible">
326326
<h3>GraphQL Endpoint</h3>
327327
<div class="collapsible-container">
328-
<span class="monospace" data-bind="text: $component.requestUrlSample"></span>
328+
<span class="text-monospace" data-bind="text: $component.requestUrlSample"></span>
329329
</div>
330330
</div>
331331

‎src/components/operations/operation-details/ko/runtime/type-definition-object.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -13,27 +13,27 @@
1313
<!-- ko foreach: { data: definition.properties, as: 'property' } -->
1414
<div class="d-contents" role="row">
1515
<div role="cell" class="text-truncate" data-bind="text: property.name, attr: { title: property.name }">
16-
<span class="monospace" data-bind="text: property.name, attr: { title: property.name }"></span>
16+
<span class="text-monospace" data-bind="text: property.name, attr: { title: property.name }"></span>
1717
</div>
1818
<div role="cell" data-bind="text: property.required"></div>
1919
<div role="cell" class="text-truncate">
2020
<!-- ko if: property.type.displayAs === 'primitive' -->
21-
<span class="monospace"
21+
<span class="text-monospace"
2222
data-bind="text: property.type.name, attr: { title: property.type.name }"></span>
2323
<!-- /ko -->
2424

2525
<!-- ko if: property.type.displayAs === 'arrayOfPrimitive' -->
26-
<span class="monospace"
26+
<span class="text-monospace"
2727
data-bind="text: property.type.name, attr: { title: property.type.name }"></span>[]
2828
<!-- /ko -->
2929

3030
<!-- ko if: property.type.displayAs === 'reference' -->
31-
<a class="monospace"
31+
<a class="text-monospace"
3232
data-bind="text: property.type.name, attr: { href: $component.getReferenceUrl(property.type.name), title: property.type.name }"></a>
3333
<!-- /ko -->
3434

3535
<!-- ko if: property.type.displayAs === 'arrayOfReference' -->
36-
<a class="monospace"
36+
<a class="text-monospace"
3737
data-bind="text: property.type.name, attr: { href: $component.getReferenceUrl(property.type.name), title: property.type.name }"></a>[]
3838
<!-- /ko -->
3939

@@ -45,12 +45,12 @@
4545
<!-- ko if: $index() > 0 -->,
4646
<!-- /ko -->
4747
<!-- ko if: item.displayAs === 'reference' -->
48-
<a class="monospace"
48+
<a class="text-monospace"
4949
data-bind="text: item.name, attr: { href: $component.getReferenceUrl(item.name), title: item.name }"></a>
5050
<!-- /ko -->
5151

5252
<!-- ko if: item.displayAs === 'primitive' -->
53-
<span class="monospace" data-bind="text: item, attr: { title: item.name }"></span>
53+
<span class="text-monospace" data-bind="text: item, attr: { title: item.name }"></span>
5454
<!-- /ko -->
5555

5656
<!-- /ko -->

‎src/themes/website/styles/badges.scss‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
.badge {
2+
background: none;
3+
border: 1px solid #aaa;
4+
color: #636363;
5+
border-radius: 0;
6+
}
7+
8+
.badge-soap {
9+
display: inline;
10+
font-weight: normal;
11+
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
12+
font-size: 10px;
13+
padding: 0 2px;
14+
margin: 2px;
15+
16+
order: 1;
17+
vertical-align: middle;
18+
display: inline;
19+
line-height: 1.7em;
20+
}

0 commit comments

Comments
 (0)