Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on May 13, 2024. It is now read-only.

Commit e58347c

Browse files
mohsen-derivmohsen-deriv
authored
Merge pull request #103 from hubert-deriv/fixing_fonts_2
Hubert / navigation fixes
2 parents 456db14 + 04e4e32 commit e58347c

File tree

4 files changed

+73
-37
lines changed

4 files changed

+73
-37
lines changed

‎docs/client-libraries/intro.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Introduction
3-
sidebar_label: Intorduction
3+
sidebar_label: Introduction
44
sidebar_position: 0
5+
description: Introduction to Client Libraries
56
---
67

78
## Introduction

‎docs/languages/intro.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Introduction
3-
sidebar_label: Intorduction
3+
sidebar_label: Introduction
44
sidebar_position: 0
5+
description: Introduction to languages
56
---
67

78
Each language section contains step-by-step instructions on how to use the `Deriv Websocket Server APIs` with pure language features. So if it's the first time you're using our docs please go through each section in order to get the most out of them.

‎docs/terminology/account/Identity-verfication-add-document/index.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
2-
title: Identity Verification Add Document
2+
title: Identity Verification
33
hide_title: false
44
draft: false
5-
sidebar_label: Identity Verification Add Document
5+
sidebar_label: Identity Verification
66
sidebar_position: 4
77
tags:
88
- concepts
@@ -18,9 +18,9 @@ keywords:
1818
- verification
1919
- add
2020
- document
21-
description: What is the Identity Verification Add Document API call?
21+
description: What is the Identity Verification in Deriv applications?
2222
---
2323

24-
### What is the Identity Verification Add Document API call?
24+
### What is the Identity Verification in Deriv applications?
2525

2626
Adds document information such as issuing country, id and type for identity verification processes.

‎src/styles/index.scss

Lines changed: 65 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@use 'src/styles/utility' as *;
22
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans');
3-
@import url('https://fonts.googleapis.com/css2?family=Ubuntu');
3+
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
44

55
/**
66
* Any CSS included here will be global. The classic template
@@ -13,7 +13,7 @@
1313

1414
:root {
1515
--ibm-font-family-base: 'IBM Plex Sans', sans-serif;
16-
--ibm-font-family-header: 'Ubuntu', sans-serif;
16+
--ubuntu-font-family-header: 'Ubuntu', sans-serif;
1717
--ifm-color-primary: #2e8555;
1818
--ifm-color-primary-dark: #29784c;
1919
--ifm-color-primary-darker: #277148;
@@ -51,13 +51,25 @@
5151
font-family: var(--ibm-font-family-base);
5252
}
5353

54+
h1,
55+
h2,
56+
h3,
57+
h4,
58+
h5,
59+
h6,
60+
ul li a,
61+
nav a,
62+
nav a div {
63+
font-family: var(--ubuntu-font-family-header);
64+
}
65+
5466
h1,
5567
h2,
5668
h3,
5769
h4,
5870
h5,
5971
h6 {
60-
font-family: var(--ibm-font-family-header);
72+
font-weight: bold;
6173
}
6274

6375
.error-message {
@@ -87,7 +99,7 @@ h6 {
8799
}
88100
h1,
89101
h2 {
90-
font-family: 'Ubuntu', sans-serif;
102+
font-family: var(--ubuntu-font-family-header);
91103
}
92104
html,
93105
body {
@@ -102,6 +114,23 @@ body {
102114
}
103115
}
104116

117+
div[class*='admonitionHeading'] {
118+
font-family: var(--ubuntu-font-family-header);
119+
}
120+
121+
main[class*='docMainContainer'] .container {
122+
padding-top: rem(4) !important; // Have to use important since docusaurus does the same.
123+
margin: 0 rem(4);
124+
}
125+
126+
div[class*='sidebarViewport'] {
127+
position: fixed;
128+
svg[class*='expandButtonIcon'] {
129+
position: absolute;
130+
left: rem(0.5);
131+
}
132+
}
133+
105134
.loading {
106135
position: absolute;
107136
width: 100%;
@@ -112,25 +141,31 @@ body {
112141
align-items: center;
113142
}
114143

115-
.navbar-sidebar {
116-
ul > div {
117-
display: none;
118-
}
119-
}
120-
121144
.navbar {
122145
padding: 0 rem(1.5);
123146
height: var(--nav-height);
124-
}
125-
126-
.navbar__link:hover,
127-
.navbar__link--active {
128-
color: var(--colors-coral600);
129-
text-decoration: none;
130-
}
147+
&__inner .navbar__items:first-child a {
148+
font-weight: normal;
149+
}
150+
&__link {
151+
&--active,
152+
&:hover {
153+
color: var(--colors-coral600);
154+
text-decoration: none;
155+
}
156+
}
157+
&__brand {
158+
margin-right: rem(5);
159+
}
160+
&__logo {
161+
width: rem(12);
162+
}
131163

132-
.navbar__brand {
133-
margin-right: rem(5);
164+
.navbar-sidebar {
165+
ul > div {
166+
display: none;
167+
}
168+
}
134169
}
135170

136171
.navbar__items--right {
@@ -140,15 +175,19 @@ body {
140175
main[class*='docMainContainer'] .container {
141176
padding-top: rem(4) !important; // Have to use important since docusaurus does the same.
142177
margin: 0 rem(4);
178+
@media (max-width: 768px) {
179+
margin: 0;
180+
}
143181
}
144182

145183
.menu__list {
146-
margin-top: rem(5);
184+
margin-top: rem(9);
147185
}
148186

149187
.menu__link {
150188
font-size: rem(1.4);
151189
font-weight: var(--ifm-font-weight-normal);
190+
line-height: rem(2);
152191
}
153192

154193
.menu__caret:before {
@@ -173,19 +212,14 @@ main[class*='docMainContainer'] .container {
173212
margin-right: rem(3.3);
174213
}
175214

176-
aside.theme-doc-sidebar-container {
177-
height: 100vh;
178-
}
179-
180215
[class*='tocCollapsibleButton'] {
181216
box-sizing: border-box;
182-
}
183-
184-
[class*='tocCollapsibleButton']::after {
185-
background: var(--ifm-menu-link-sublist-icon-2) !important;
186-
height: rem(1.2) !important;
187-
width: rem(0.872) !important;
188-
transform: rotate(90deg) !important;
217+
&::after {
218+
background: var(--ifm-menu-link-sublist-icon-2) !important;
219+
height: rem(1.2) !important;
220+
width: rem(0.872) !important;
221+
transform: rotate(90deg) !important;
222+
}
189223
}
190224

191225
[class*='tocCollapsibleButtonExpanded']::after {

0 commit comments

Comments
 (0)