Git Product home page Git Product logo

tab-typer's People

Contributors

greenheart avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

dkshtakin

tab-typer's Issues

Ensure long files are fully visible when opened

Steps to reproduce:

  1. Open file with short content (less than one screen of height).
  2. Refresh page and open the long file with more content than what fills one screen.
  3. Now, only the first part of the long file should be visible.

Ideas

  • Likely caused by a default value for min height of the editor.
  • TextEditor.updateEditorHeight() could be used to set the height depending on what file is open.

Update how the "New File" button works

Using the "New File" button should only create a new file if no blank file already exists. This will prevent the app from being filled with blank files.

A blank file...

  • has no title - (/\w/).test(title) === false
  • no content - (/\w/).test(content) === false

If a blank file exists when the button is pressed, the user should be taken to the blank file.

Show file information in menu

  • - Last save date
  • - Number of words - const wordCount = text.trim().split(/\s+/).length
  • - Creation date (โ“) - Will require breaking changes.
  • - Improve UI design for related features.

getWordCount (string) {
    return string.trim().split(/\s+/).length
}

Remember menu scroll position when opening a file

The problem

When opening a file at the bottom of a long list of files and going back to the menu again, the list scrolls back up to the top.

This makes it annoying when searching for a specific file and you have to scroll down to the bottom every time.

By getting back to the same scroll position in the main menu automatically, UX would be improved.


Solution

  1. Save the scroll position when the main menu is closed and before the file is opened.
  2. When navigating back to the menu and its file list, set the scroll position based on the latest stored value.

Handle long filenames

  • Show start of title in main menu. Full title can be seen as tooltip or title on mouse hover.
  • Show full title in document, wrapped to multiple lines.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.