Add the shrinking glitchy elefriend. #294.
parent
835eec8a4c
commit
1e0b707018
|
@ -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}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue