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

Repository

https://github.com/steemhappyberrysboy/steem_design_tool


New Features

• What feature(s) did you add?

1. Design

https://steemitimages.com/80x0/https://cdn.steemitimages.com/DQmeBM8uYHoA6vNfhKWffgTb2GsuB4iBZwWWV4hESwi4gTg/border_05.png

• 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>

//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>

• The design has been changed as follows.

Before

After

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

2. User Shortcuts

https://steemitimages.com/80x0/https://cdn.steemitimages.com/DQmeBM8uYHoA6vNfhKWffgTb2GsuB4iBZwWWV4hESwi4gTg/border_05.png

• 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

• 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.


GitHub Account

https://github.com/steemhappyberrysboy