CommunitiesEcosystem
Search
Login
Signup
Write a post
Switch dark

Steem Tool(1.1.9) : Change Design and Add User Shortcut Function

83
6 years ago
in#utopian-io

Repository

https://github.com/steemhappyberrysboy/steem_design_tool





New Features

  • What feature(s) did you add?



1. Design


  • Add open source UI component Semantic-ui
  • Semantic-UI is very simple and easy to use.
// Sample Design
// Simple Button 
<div class="ui button">Follow</div>

image.png

//Icon Button
<div class="ui labeled button" tabindex="0">
  <div class="ui button">
    <i class="heart icon"></i> Like
  </div>
  <a class="ui basic label">
    2,048
  </a>
</div>

image.png

  • The design has been changed as follows.

Before

image.png

After

image.png

  • I made it an accordion type to add more features in the future.

steemtool4.gif


steemtool3.gif



2. User Shortcuts


  • Add user shortcut function.
  • Enter the user ID you want to register as a shortcut in Input @ID
  • The ID is added to the lower container
  • Click the ID button to go to the user's page

steemtool5.gif

  • How did you implement it/them?
    Most sources have changed.
    The file is divided into several sections according to functions and the file name is also modified accordingly.

image.png





GitHub Account

https://github.com/steemhappyberrysboy

utopian-iodevelopmentbusykrkr-dev
6 years ago
happyberrysboy83
via busy
$ 97.74
55
H2
H3
H4
3 columns
2 columns
1 column
15 Comments