Giter VIP home page Giter VIP logo

carbonite's People

Contributors

casieber avatar

Stargazers

 avatar

carbonite's Issues

Use slider label in dropdown instead of manual label

The fabric Slider component supports a label prop that will render a label for the slider, but when I tried to use that in the Settings dropdown, the label gets poorly positioned and cut off.

To work around that issue I simply stopped using the label prop and manually render extra subMenuProps items that simply display the title for the next item and preventDefault on any click event on them.

This works okay visually, but these label-only items do still appear clickable and force me to split up the label from the actual slider.

We should investigate if there is a way to use the slider component with its label prop inside of the menu.

Fix CodeMirror build warning

Getting a build warning of:

WARNING in ./node_modules/codemirror/mode/rpm/changes/index.html
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <!doctype html>
|
| <title>CodeMirror: RPM changes mode</title>
@ ./node_modules/codemirror/mode sync ^./.*$
@ ./src/components/CodeMirrorEditor.tsx
@ ./src/components/EditorContainer.tsx
@ ./src/components/App.tsx
@ ./src/index.tsx
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/index.tsx

Functionality doesn't seem to be affected in any way but we should diagnose and fix.

Add window themes

Add the ability to style the output with a window-like theme of having buttons in the corner.

This should be toggleable.

Drop shadow toggle defaults to wrong state

The toggle control for the drop shadow starts in the off state even though the drop shadow itself is enabled.

Toggling it to the on position leaves the drop shadow on, and then any further changes correctly updates the preview window.

Styling in Word Online

In Word Online the styling is messed up.

image

In Word Online you cannot expand the task pane view, which we should be able to workaround, but for some reason the editor overflows right and is scollable but also left and is not scrollable. (For instance, you cannot reach the "Theme" command bar button).

Add language selector

Editor is currently hardcoded to read code as TypeScript, even though the editor has a large number of languages it can understand.

Add a language selector to allow languages beyond TypeScript.

(Whether or not I'll leave TypeScript as the default or switch to JavaScript I still need to decide...)

Add "reset" button for config

This should reset everything except editor text and selected language. All themeing and visual info should be reset.

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.