me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add the shrinking glitchy elefriend. #294.

Browse source
This commit is contained in:
David Yip 2018-01-13 11:41:06 -06:00
parent a6eeda658c
commit 5b4f9858e6
2 changed files with 26 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/javascript/flavours/glitch/features/drawer/index.js
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}

24
app/javascript/flavours/glitch/styles/components/drawer.scss
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;
}
}
}
}
}