Skip to content

Commit c3dce4e

Browse files
committed
updated navbar fixes
1 parent 3b28e04 commit c3dce4e

File tree

5 files changed

+965
-502
lines changed

5 files changed

+965
-502
lines changed

assets/scss/_content.scss

Lines changed: 0 additions & 163 deletions
Original file line numberDiff line numberDiff line change
@@ -4,169 +4,6 @@ Styles to override the theme.
44
55
*/
66

7-
.td-navbar {
8-
max-width: 1280px;
9-
background: #132f48;
10-
}
11-
12-
13-
.td-navbar .navbar-brand svg {
14-
margin: -8px 10px 0;
15-
}
16-
17-
li.nav-item {
18-
margin-bottom: 0;
19-
}
20-
21-
.navbar-dark .navbar-nav .nav-link,
22-
.navbar-dark .navbar-nav .nav-link:hover,
23-
.navbar-dark .navbar-nav .nav-link:focus {
24-
color: #fff;
25-
line-height: 65px;
26-
margin-bottom: 0;
27-
padding: 0 10px;
28-
}
29-
30-
.dropdown-toggle::after {
31-
position: relative;
32-
/* top: 3pt; Uncomment this to lower the icons as requested in comments*/
33-
content: "";
34-
display: inline-block;
35-
/* By using an em scale, the arrows will size with the font */
36-
width: 0.5em;
37-
height: 0.5em;
38-
border-top: 0 none;
39-
border-left: 0 none;
40-
border-right: 2px solid #fff;
41-
border-bottom: 2px solid #fff;
42-
transform: rotate(45deg);
43-
margin-left: 0.5rem
44-
}
45-
46-
.dropdown-menu {
47-
position: absolute;
48-
top: 100%;
49-
left: 0;
50-
z-index: 1000;
51-
display: none;
52-
float: left;
53-
min-width: 16em;
54-
padding: 0 0 1rem;
55-
margin: 0;
56-
font-size: 1rem;
57-
color: #fff;
58-
text-align: left;
59-
list-style: none;
60-
background-color: rgba(19, 47, 72, 0.9);
61-
background-clip: padding-box;
62-
border: 0px solid transparent;
63-
border-radius: 0;
64-
box-shadow: none;
65-
backdrop-filter: blur(4px);
66-
}
67-
68-
.dropdown-item,
69-
.dropdown-item:hover,
70-
.dropdown-item:focus {
71-
display: block;
72-
width: 100%;
73-
padding: 0.5rem 1.5rem;
74-
clear: both;
75-
font-weight: 400;
76-
color: #fff;
77-
text-align: inherit;
78-
white-space: nowrap;
79-
background-color: transparent;
80-
border: 0;
81-
}
82-
.dropdown-item:hover,
83-
.dropdown-item:focus {
84-
text-decoration:underline;
85-
background: transparent;
86-
}
87-
88-
.dropdown-menu[data-bs-popper]{
89-
margin-top: 0;
90-
}
91-
92-
@media (max-width: 992px) {
93-
.navbar-nav .nav-item{
94-
display:none;
95-
}
96-
}
97-
98-
.header-social-wrap a {
99-
text-decoration: none;
100-
}
101-
102-
@media (min-width: 992px) {
103-
body>header {
104-
position: fixed;
105-
top: 0;
106-
width: 100%;
107-
background: rgba(19, 47, 72, 0.9);
108-
z-index:1000;
109-
min-height: 65px;
110-
backdrop-filter: blur(4px);
111-
}
112-
.td-navbar {
113-
position:relative;
114-
margin: 0 auto;
115-
padding-left: 5px;
116-
padding-right: 5px;
117-
background:transparent;
118-
min-height: 65px;
119-
padding-top:0;
120-
padding-bottom:0;
121-
}
122-
.td-navbar-nav-scroll{
123-
width: 100%;
124-
}
125-
126-
.td-navbar .navbar-brand svg {
127-
width: 30px;
128-
margin: -8px 10px 0 0;
129-
height: auto;
130-
}
131-
.td-navbar .navbar-brand span.font-weight-bold {
132-
display:inline-block;
133-
vertical-align: 1px;
134-
font-size:18px;
135-
}
136-
137-
.td-sidebar {
138-
padding-top: 75px;
139-
background-color: #e9ecf0;
140-
padding-right: 1rem;
141-
border-right: 1px solid #dee2e6;
142-
}
143-
144-
.td-sidebar-toc {
145-
border-left: 1px solid $border-color;
146-
147-
@supports (position: sticky) {
148-
position: sticky;
149-
top: 75px;
150-
height: calc(100vh - 85px);
151-
overflow-y: auto;
152-
}
153-
order: 2;
154-
padding-top: 5px;
155-
padding-bottom: 1.5rem;
156-
vertical-align: top;
157-
}
158-
159-
160-
.header-social-wrap {
161-
height: 65px;
162-
display: flex;
163-
margin-left: auto;
164-
align-items: center;
165-
margin-bottom: 0;
166-
}
167-
}
168-
169-
1707

1718

1729
footer.bg-dark {

0 commit comments

Comments
 (0)