Skip to content

Commit 5bc0d2f

Browse files
bidi47bidi47
committed
updated layout for index, packages
Signed-off-by: bidi <bidi@apidemia.com>
1 parent 6bf8047 commit 5bc0d2f

3 files changed

Lines changed: 55 additions & 22 deletions

File tree

‎css/docs.css‎

Lines changed: 11 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1168,6 +1168,13 @@ ul.support__list {
11681168

11691169
/*RESPONSIVE*/
11701170

1171+
@media (max-width: 991.98px) {
1172+
.right_sidebar {
1173+
border-right: none;
1174+
border-bottom: 1px solid var(--dk-border);
1175+
}
1176+
}
1177+
11711178
@media (max-width: 767.98px) {
11721179
.page-nav li:nth-child(2) {
11731180
margin-top: 50px;
@@ -1177,20 +1184,8 @@ ul.support__list {
11771184
border: none;
11781185
padding: 20px 20px 40px;
11791186
}
1180-
1181-
.right_sidebar {
1182-
border-right: none;
1183-
border-bottom: 1px solid var(--dk-border);
1184-
}
11851187
}
11861188

1187-
/* ---------------------------------------------------------------------
1188-
Root homepage (dotkernel.github.io/index.html) — "Index" mock.
1189-
This is a hand-authored static file, not part of the mkdocs theme,
1190-
so these classes are namespaced .dk-home-* and only ever used there.
1191-
Reuses the .dk-docs-nav masthead and the shared :root tokens above.
1192-
--------------------------------------------------------------------- */
1193-
11941189
.dk-home-shell {
11951190
display: grid;
11961191
grid-template-columns: 250px minmax(0, 1fr);
@@ -1259,7 +1254,6 @@ ul.support__list {
12591254
.dk-home-main {
12601255
padding: 26px 40px 0;
12611256
min-width: 0;
1262-
max-width: 1000px;
12631257
font-family: var(--dk-font-body);
12641258
color: var(--dk-text);
12651259
}
@@ -1275,11 +1269,11 @@ ul.support__list {
12751269
.dk-home-main h1 {
12761270
font-family: var(--dk-font-display);
12771271
font-weight: 700;
1278-
font-size: 34px;
1279-
line-height: 1.1;
1280-
letter-spacing: -.022em;
1272+
font-size: 32px;
1273+
line-height: 1.12;
1274+
letter-spacing: -.02em;
12811275
color: var(--dk-ink);
1282-
margin: 9px 0 0;
1276+
margin: 9px 0 1rem;
12831277
}
12841278

12851279
.dk-home-lede {
@@ -1579,7 +1573,6 @@ ul.support__list {
15791573

15801574
.dk-home-main {
15811575
padding: 20px 20px 0;
1582-
max-width: none;
15831576
}
15841577

15851578
.dk-home-footer {

‎index.html‎

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
<link rel="stylesheet" href="https://docs.dotkernel.org/css/docs.css" />
2828
<script src="https://docs.dotkernel.org/js/bootstrap.js" defer></script>
2929
<script src="https://docs.dotkernel.org/js/docs.js" defer></script>
30+
<script src="https://docs.dotkernel.org/js/scripts.js" defer></script>
3031
</head>
3132

3233
<body>
@@ -51,11 +52,11 @@
5152

5253
<div class="flex-grow-1"></div>
5354

54-
<span class="dk-docs-nav__search d-none d-md-flex align-items-center">
55+
<a href="#" class="dk-docs-nav__search d-none d-md-flex align-items-center" data-bs-toggle="modal" data-bs-target="#mkdocs_search_modal" title="Open search">
5556
<i class="bi bi-search"></i>
5657
<span>Search docs</span>
5758
<span class="dk-docs-nav__search-key">/</span>
58-
</span>
59+
</a>
5960

6061
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
6162
<span class="navbar-toggler-icon"></span>
@@ -298,5 +299,24 @@ <h2>Contributing and Support</h2>
298299
<div class="dk-home-footer__copyright">&#169; Copyright Dotkernel <span id="current-year"></span>. All rights reserved.</div>
299300
</div>
300301
</footer>
302+
303+
<div class="modal" id="mkdocs_search_modal" tabindex="-1" role="dialog" aria-labelledby="Search Modal" aria-hidden="true">
304+
<div class="modal-dialog modal-lg" role="document">
305+
<div class="modal-content">
306+
<div class="modal-header">
307+
<h5 class="modal-title">Search</h5>
308+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
309+
</div>
310+
<div class="modal-body">
311+
<form role="form">
312+
<div class="form-group">
313+
<input type="text" class="form-control" placeholder="Search docs" id="mkdocs-search-query">
314+
</div>
315+
</form>
316+
<div id="mkdocs-search-results"></div>
317+
</div>
318+
</div>
319+
</div>
320+
</div>
301321
</body>
302322
</html>

‎packages/index.html‎

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@
2828
<link rel="stylesheet" href="https://docs.dotkernel.org/css/docs.css" />
2929
<script src="https://docs.dotkernel.org/js/bootstrap.js" defer></script>
3030
<script src="https://docs.dotkernel.org/js/docs.js" defer></script>
31+
<script src="https://docs.dotkernel.org/js/scripts.js" defer></script>
3132
</head>
3233

3334
<body>
@@ -52,11 +53,11 @@
5253

5354
<div class="flex-grow-1"></div>
5455

55-
<span class="dk-docs-nav__search d-none d-md-flex align-items-center">
56+
<a href="#" class="dk-docs-nav__search d-none d-md-flex align-items-center" data-bs-toggle="modal" data-bs-target="#mkdocs_search_modal" title="Open search">
5657
<i class="bi bi-search"></i>
5758
<span>Search docs</span>
5859
<span class="dk-docs-nav__search-key">/</span>
59-
</span>
60+
</a>
6061

6162
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
6263
<span class="navbar-toggler-icon"></span>
@@ -223,5 +224,24 @@ <h2 id="tools">Tools</h2>
223224
<div class="dk-home-footer__copyright">&#169; Copyright Dotkernel <span id="current-year"></span>. All rights reserved.</div>
224225
</div>
225226
</footer>
227+
228+
<div class="modal" id="mkdocs_search_modal" tabindex="-1" role="dialog" aria-labelledby="Search Modal" aria-hidden="true">
229+
<div class="modal-dialog modal-lg" role="document">
230+
<div class="modal-content">
231+
<div class="modal-header">
232+
<h5 class="modal-title">Search</h5>
233+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
234+
</div>
235+
<div class="modal-body">
236+
<form role="form">
237+
<div class="form-group">
238+
<input type="text" class="form-control" placeholder="Search packages" id="mkdocs-search-query">
239+
</div>
240+
</form>
241+
<div id="mkdocs-search-results"></div>
242+
</div>
243+
</div>
244+
</div>
245+
</div>
226246
</body>
227247
</html>

0 commit comments

Comments
 (0)