Knacksteem.org - Header, Footer and Editor (Responsive Layout).

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@sirfreeman·
0.000 HBD
Knacksteem.org - Header, Footer and Editor (Responsive Layout).
<html>
<p>&nbsp;</p>
<h3>Repository</h3>
<p><a href="https://github.com/knacksteem/knacksteem.org">https://github.com/knacksteem/knacksteem.org</a></p>
<h3>Pull Request</h3>
<p><a href="https://github.com/knacksteem/knacksteem.org/pull/39">https://github.com/knacksteem/knacksteem.org/pull/33</a></p>
<h3>Issue</h3>
<p><a href="https://github.com/knacksteem/knacksteem.org/issues/35">https://github.com/knacksteem/knacksteem.org/issues/34</a></p>
<h3>Task Request</h3>
<p><a href="https://steemit.com/knacksteem/@knowledges/development-task-request-help-build-knacksteem-front-end-800-steem-bounty">https://steemit.com/knacksteem/@knowledges/development-task-request-help-build-knacksteem-front-end-800-steem-bounty</a></p>
<h3>New Features</h3>
<h4>Responsive Layout</h4>
<p>Below is a new layout for the Header, footer and Editor of Knacksteem, the Layout was made responsive using Row and Col &nbsp;from the Antd Design System. Also media query were written at different Screen levels</p>
<p>handleEditorToggle() {<br>
this.setState({<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isMarkdownEditorActive: !this.state.isMarkdownEditorActive<br>
&nbsp;&nbsp;&nbsp;});<br>
&nbsp;}</p>
<p>![iphone](https://preview.ibb.co/mMJaSq/responsive2.png)</p>
<p>![desktop](https://preview.ibb.co/fFZX7q/responsive.png)</p>
<p>The editor state was toggle to add responsiveness and the width was set to 100% to increase the touch radius.</p>
<p>The ollow commit are used to achieve most of the layouts</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/dc76e08c5db45421b7f3586872237ec659de5eb8</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/ad7af0f29331915aa67ae25725e60c0610f0b74c</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/741e777ad9749329434ce210cef9a5241c292231</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/76e7e85aea444db18b681eb40cafe7f890608ec8</p>
<p>https://github.com/knacksteem/knacksteem.org/pull/33/commits/73e2bbe2f502ce249cf17159abeb180901cc9b89</p>
<h3>What's next?</h3>
<p>The next pull for this task will Add the responsive home feed with approved post&nbsp;</p>
<h3>Github Account</h3>
<p><a href="https://github.com/creatrixity">https://github.com/ogbiyoyosky</a>&nbsp;</p>
</html>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,