Move the category filter barsteemCreated with Sketch.

in #utopian-io7 years ago

The horizontal category bar might look quite nice, but I don't find it very usable:

  • Only a few categories shown at once
  • No fine tuning of the kinds of categories one might be interested in

My suggestion

utopian-suggestion.png
This vertical listing in the sidebar would only show when viewing the contributions (in the reviewed and the to be reviewed sections). Of course the checked categories get shown, while the others get filtered out.

The syntax

<li> (html comment removed:  The modified "Contributions" list item )
    <a class="Sidenav__item--active" aria-current="true" href="/">
        <i class="iconfont icon-headlines"></i>
        (html comment removed:  react-text: 23733 )
        Contributions
        (html comment removed:  /react-text )
    </a>
    <ul>
        <li>
            <label class="ant-checkbox-wrapper">
                <span class="ant-checkbox ant-checkbox-checked">
                    <input type="checkbox" class="ant-checkbox-input" data-__meta="[object Object]" value="on">
                    <span class="ant-checkbox-inner"></span>
                </span>
                <span>
                    <span>
                        <i class="anticon anticon-bulb"></i>
                        Suggestions
                    </span>
                </span>
            </label>
        </li>
        <li>
            <label class="ant-checkbox-wrapper">
                <span class="ant-checkbox ant-checkbox-checked">
                    <input type="checkbox" class="ant-checkbox-input" data-__meta="[object Object]" value="on">
                    <span class="ant-checkbox-inner"></span>
                </span>
                <span>
                    <span>
                        <i class="anticon anticon-copy"></i>
                        Sub-Projects
                    </span>
                </span>
            </label>
        </li>
        <li>
            <label class="ant-checkbox-wrapper">
                <span class="ant-checkbox ant-checkbox-checked">
                    <input type="checkbox" class="ant-checkbox-input" data-__meta="[object Object]" value="on">
                    <span class="ant-checkbox-inner"></span>
                </span>
                <span>
                    <span>
                        <i class="anticon anticon-code"></i>
                        Development
                    </span>
                </span>
            </label>
        </li>
        <li>
            <label class="ant-checkbox-wrapper">
                <span class="ant-checkbox">
                    <input type="checkbox" class="ant-checkbox-input" data-__meta="[object Object]" value="on">
                    <span class="ant-checkbox-inner"></span>
                </span>
                <span>
                    <span>
                        <i class="anticon anticon-eye-o"></i>
                        Bug Hunting
                    </span>
                </span>
            </label>
        </li>
        <li>
            <label class="ant-checkbox-wrapper">
                <span>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...</span>
                </span>
            </label>
        </li>
        <li>
            <label class="ant-checkbox-wrapper">
                <span class="ant-checkbox ant-checkbox-checked">
                    <input type="checkbox" class="ant-checkbox-input" data-__meta="[object Object]" value="on">
                    <span class="ant-checkbox-inner"></span>
                </span>
                <span>
                    <span>
                        <i class="anticon anticon-edit"></i>
                        Copywriting
                    </span>
                </span>
            </label>
        </li>
    </ul>
</li>



Open Source Contribution posted via Utopian.io

Sort:  

Thank you for the contribution. It has been approved.

[utopian-moderator]

Hey @callmetoxy I am @utopian-io. I have just super-voted you at 9% Power!

Achievements

  • Much more informative than others in this category. Good job!
  • You have less than 500 followers. Just gave you a gift ;)
  • This is your first accepted contribution here in Utopian. Welcome!
    Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Upvote and resteem ^^

Coin Marketplace

STEEM 0.17
TRX 0.16
JST 0.029
BTC 61048.59
ETH 2372.60
USDT 1.00
SBD 2.54