fix: dropdown menu

This commit is contained in:
ycjcl868 2019-12-26 14:48:29 +08:00
parent 8795a3106b
commit 8a7beb02bd
2 changed files with 30 additions and 2 deletions

View File

@ -27,12 +27,11 @@ const menu = (
ReactDOM.render( ReactDOM.render(
<Dropdown overlay={menu} trigger={['contextMenu']}> <Dropdown overlay={menu} trigger={['contextMenu']}>
<div <div
className="site-dropdown-context-menu"
style={{ style={{
textAlign: 'center', textAlign: 'center',
background: '#f7f7f7',
height: 200, height: 200,
lineHeight: '200px', lineHeight: '200px',
color: '#777',
}} }}
> >
Right Click on here Right Click on here
@ -41,3 +40,17 @@ ReactDOM.render(
mountNode, mountNode,
); );
``` ```
```css
.site-dropdown-context-menu {
background: #f7f7f7;
color: #777;
}
```
<style>
[data-theme="dark"] .site-dropdown-context-menu {
background: #141414;
color: rgba(255,255,255,.65);
}
</style>

View File

@ -157,6 +157,11 @@
background: rgba(0, 0, 0, 0.02); background: rgba(0, 0, 0, 0.02);
} }
[data-theme='dark'] .markdown > table th {
color: fade(@white, 65%);
background: #1d1d1d;
}
.markdown > table th, .markdown > table th,
.markdown > table td { .markdown > table td {
padding: 16px 24px; padding: 16px 24px;
@ -275,6 +280,16 @@
} }
} }
[data-theme='dark'] .markdown.api-container {
table {
tbody tr {
&:hover {
background: #262626;
}
}
}
}
.grid-demo, .grid-demo,
[id^='components-grid-demo-'] { [id^='components-grid-demo-'] {
.demo-row, .demo-row,