adcp/mintlify.css at main · JulieLorin/adcp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
/* Custom Mintlify styles */

/* Fix header/navbar being covered by page content or other elements */
/* Ensure the entire header stays on top of everything */
header,
nav,
#navbar,
[class*="Navbar"],
[class*="navbar"],
[class*="TopBar"],
[class*="topbar"],
[class*="Header"],
[role="navigation"] {
  z-index: 9999 !important;
  position: relative !important;
}

/* Fix search bar being overlapped by header elements */
/* Target Mintlify's search button and input in the navbar */
.navbar__search-input,
[class*="navbar__search"],
button[aria-label*="Search"],
button[aria-label*="search"],
[class*="SearchButton"],
[class*="search-button"],
#navbar [class*="search"],
#navbar input[type="search"],
#navbar [role="search"],
#navbar [aria-label*="Search"] {
  z-index: 10000 !important;
  position: relative !important;
}

/* Ensure search popup/modal/command palette appears above everything */
[class*="SearchModal"],
[class*="search-modal"],
[class*="searchResults"],
[class*="cmdk"],
[class*="CommandMenu"],
[data-cmdk-root],
div[role="dialog"][aria-label*="Search"],
div[role="dialog"][aria-label*="search"] {
  z-index: 99999 !important;
}

/* Prevent sidebar or content from overlapping the header */
aside,
[class*="Sidebar"],
[class*="sidebar"],
main,
[class*="content"],
[class*="Content"] {
  z-index: 1 !important;
}

/* Logo sizing in sidebar - match the navbar style */
.navbar__logo img,
img[alt*="Logo"],
img[src*="/logo/"] {
  height: 32px !important;
  width: auto !important;
}

/* Dark mode navbar support for Mintlify */
[data-theme="dark"] nav[aria-label="Main"] {
  background-color: #1b1b1d !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .navbar__link,
[data-theme="dark"] .navbar__title {
  color: #fff !important;
}