返回提交历史
Modified
static/webui/index.html
+3
-3
Modified
static/webui/style.css
+10
-0
XFEstudio/SpaceNinjaServer
fix(webui): sidebar toggler not showing up on small screens (#2053)
Closes #2049 Reviewed-on: https://onlyg.it/OpenWF/SpaceNinjaServer/pulls/2053 Co-authored-by: Sainan <63328889+Sainan@users.noreply.github.com> Co-committed-by: Sainan <63328889+Sainan@users.noreply.github.com>
d5297d35
代码差异
2 个文件
+13
-3
@@ -7,9 +7,9 @@
7
7
<link rel="stylesheet" href="/webui/style.css" />
8
8
</head>
9
9
<body>
10
<nav class="navbar navbar-expand sticky-top bg-body-tertiary">
10
<nav class="navbar navbar-expand-lg sticky-top bg-body-tertiary">
11
11
<div class="container">
12
<button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-controls="sidebar" aria-label="Toggle sidebar">
12
<button class="navbar-toggler d-lg-none me-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-controls="sidebar" aria-label="Toggle sidebar">
13
13
<span class="navbar-toggler-icon"></span>
14
14
</button>
15
15
<a class="navbar-brand">OpenWF WebUI</a>
@@ -49,7 +49,7 @@
49
49
<div class="container pt-3 pb-3" id="main-view">
50
50
<div class="offcanvas-lg offcanvas-start" tabindex="-1" id="sidebar" aria-labelledby="sidebarLabel">
51
51
<div class="offcanvas-header">
52
<h5 class="offcanvas-title" id="sidebarLabel">Sidebar</h5>
52
<h5 class="offcanvas-title" id="sidebarLabel">OpenWF WebUI</h5>
53
53
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#sidebar" aria-label="Close"></button>
54
54
</div>
55
55
<div class="offcanvas-body">
@@ -29,3 +29,13 @@ td.text-end > a > svg {
29
29
.card-body {
30
30
overflow: auto;
31
31
}
32
33
/* fixes for navbar on small resolutions due to not being navbar-expand */
34
.navbar.sticky-top .navbar-nav {
35
flex-direction: row;
36
}
37
38
.dropdown-toggle {
39
padding-right: var(--bs-navbar-nav-link-padding-x);
40
padding-left: var(--bs-navbar-nav-link-padding-x);
41
}