Add the shrinking glitchy elefriend. #294.

This commit is contained in:
David Yip 2018-01-13 11:41:06 -06:00
parent 835eec8a4c
commit 1e0b707018
No known key found for this signature in database
GPG key ID: 7DA0036508FCC0CC
2 changed files with 26 additions and 5 deletions

View file

@ -94,9 +94,12 @@ class Drawer extends React.Component {
submitted={submitted}
value={searchValue}
/>
<div {...drawerAttrs}>
<div className='contents'>
<DrawerAccount account={account} />
<Composer />
<div className='drawer__inner'>
<Composer />
{multiColumn && <div className="mastodon mbstobon-bg-1" />}
</div>
<DrawerResults
results={results}
visible={submitted && !searchHidden}

View file

@ -50,9 +50,27 @@
contain: strict;
}
@for $i from 1 through 3 {
.mbstobon-bg-#{$i} {
background: url("~flavours/glitch/images/mbstobon-ui-#{$i}.png") no-repeat left bottom / contain;
.drawer__inner {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
padding: 0;
display: flex;
flex-direction: column;
overflow: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
.mastodon {
flex: 1;
@for $i from 1 through 3 {
&.mbstobon-bg-#{$i} {
background: url("~flavours/glitch/images/mbstobon-ui-#{$i}.png") no-repeat left bottom / contain;
}
}
}
}
}