casieber / carbonite Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
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.
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.
By default the monaco-editor only ships with 3 simple themes: 'vs', 'vs-dark', and 'hc-black'.
These are a good base, but we should ship with more.
When I moved the UI to a fabric-based toolbar, I did not yet hook up the "Save PNG" button to the image saving behavior. Need to hook it up.
Depends on #15.
As you bring the BG color slider down, the opacity in the preview window clearly lowers, but when you go from 1 to 0 it actually goes back up to what seems to be full alpha.
Add an MIT license file
Add the ability to style the output with a window-like theme of having buttons in the corner.
This should be toggleable.
Use LocalStorage to save and hydrate the editor configuration.
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.
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...)
Might need to scale up resolution?
This should reset everything except editor text and selected language. All themeing and visual info should be reset.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.