background-color: var(--lightBlue);
}
+.list-group-item:hover {
+ z-index: var(--aboveNormalZIndex);
+ border-color: var(--blue) !important;
+}
+
.list-group-item + .list-group-item {
border-top-color: var(--barBorderColor);
}
a.list-group-item {
color: var(--baseFontColor);
+ transition: none;
}
.list-group-item-heading {
- margin-top: 0;
+ margin-top: 5px;
margin-bottom: 5px;
}
<div className="list-group">
{filteredDomains.map(domain => (
<Link
- key={domain.path}
className={classNames('list-group-item', {
active: isDomainPathActive(domain.path, splat)
})}
+ key={domain.path}
to={'/web_api/' + domain.path}>
<h3 className="list-group-item-heading">
{domain.path}
{domain.deprecated && <DeprecatedBadge />}
{domain.internal && <InternalBadge />}
</h3>
- {domain.description && (
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={{ __html: domain.description }}
- />
- )}
</Link>
))}
</div>
>
bar
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Bar",
- }
- }
- />
</Link>
<Link
className="list-group-item"
>
baz
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Baz",
- }
- }
- />
</Link>
</div>
</div>
>
foo
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Foo",
- }
- }
- />
</Link>
</div>
</div>
>
foo
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Foo",
- }
- }
- />
</Link>
</div>
</div>
>
foo
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Foo",
- }
- }
- />
</Link>
<Link
className="list-group-item"
>
bar
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Bar",
- }
- }
- />
</Link>
</div>
</div>
>
foo
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Foo",
- }
- }
- />
</Link>
<Link
className="list-group-item"
bar
<InternalBadge />
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Bar",
- }
- }
- />
</Link>
</div>
</div>
>
foo
</h3>
- <div
- className="list-group-item-text markdown"
- dangerouslySetInnerHTML={
- Object {
- "__html": "API Foo",
- }
- }
- />
</Link>
</div>
</div>