fix (orgmode): make the todo/agenda view look a bit better

This commit is contained in:
Mickael KERJEAN 2018-05-22 01:05:12 +10:00
parent 833ae8ce9b
commit 5ec3e436bd
2 changed files with 5 additions and 4 deletions

View file

@ -264,7 +264,7 @@ class OrgViewer extends React.Component {
Nothing
</NgIf>
<NgIf cond={this.props.headlines.length > 0}>
<StickyContainer className="container" style={{height: window.innerHeight > 650 ? 500 : window.innerHeight - 150}}>
<StickyContainer className="container" style={{height: window.innerHeight > 750 ? 545 : window.innerHeight - 202}}>
{
Object.keys(this.state.headlines).map((list, i) => {
return (

View file

@ -3,10 +3,10 @@
background: linear-gradient(var(--super-light), var(--bg-color));
> div{
width: 90%;
width: calc(100% - 20px);
max-width: 500px;
padding: 5px;
border-bottom-right-radius: 20px;
border-bottom-right-radius: 15px;
box-shadow: 1px 2px 1px rgba(0,00,0,0.05);
}
.modal-top{
@ -63,7 +63,7 @@
}
.container{
margin: 10px 10px 10px 0px;
margin: 10px 5px 10px 0px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
@ -112,6 +112,7 @@
.headline-main{
display: flex;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
border-top: 2px solid var(--super-light);
border-bottom: 2px solid var(--super-light);
margin-bottom: -2px;