Commit Graph

347 Commits

Author SHA1 Message Date
Apoorv Taneja d778a07541 Added hover effect on sidebar elements (#887)
* fixes

* changes

* fixes #886, adjusts sidebar styling to match navigation dropdown, move nav dropdown and sidebar dropdowns into common placeholder
2019-06-12 15:58:02 -04:00
Shan Rauf 1ef07ed7a6 Fix hover effect on Log in and Sign up nav items (#1085)
* Fix hover effect on Log in and Sign up nav items

* Fix Login and Signup unequal spacing

* Fix HTML syntax and right nav__item-header hover
2019-06-11 17:47:14 -04:00
siddhant 8caeb0d439 Add sorting to sketches #789 (#910)
* reselect added

* Added Reselect Sorting

* Refactor App

* added svgs

* Refactor

* Fixed Issues

* re: #789, update sorting styling, create sorting actions and reducers, add sort by sketch name

* re #789, change names of svg icons

* re: #789, use orderBy instead of sortBy, fix styling jumps
2019-06-11 17:47:14 -04:00
Shan Rauf eb82968a9f Fix hover effect on Log in and Sign up nav items (#1085)
* Fix hover effect on Log in and Sign up nav items

* Fix Login and Signup unequal spacing

* Fix HTML syntax and right nav__item-header hover
2019-06-11 17:46:37 -04:00
Andrew Nicolaou 1f95718f58 Page background matches selected theme for user pages 2019-06-11 16:24:26 -04:00
Andrew Nicolaou b16cb26a4b Makes Account view a modal 2019-06-11 16:24:26 -04:00
Andrew Nicolaou 7b0d128082 Uses colours from design style guide 2019-06-11 16:24:26 -04:00
Andrew Nicolaou a6d7ea409a Unifies button styles for forms and app 2019-06-11 16:24:26 -04:00
Andrew Nicolaou ac1afd53ef Increases modal width to match design 2019-06-11 16:24:26 -04:00
Andrew Nicolaou 2854aa9235 Extracts tabs into reusable CSS 2019-06-11 16:24:26 -04:00
Andrew Nicolaou 067adb0052 Makes form CSS theme-aware 2019-06-11 16:24:26 -04:00
Andrew Nicolaou 5e74be46fd Adds theme-aware CSS for "user" pages 2019-06-11 16:24:26 -04:00
Andrew Nicolaou e210d8ce06 Adds themed table-row-stripe colour to be used globally 2019-06-11 16:24:26 -04:00
siddhant b7df80a96c Add sorting to sketches #789 (#910)
* reselect added

* Added Reselect Sorting

* Refactor App

* added svgs

* Refactor

* Fixed Issues

* re: #789, update sorting styling, create sorting actions and reducers, add sort by sketch name

* re #789, change names of svg icons

* re: #789, use orderBy instead of sortBy, fix styling jumps
2019-06-06 17:17:33 -04:00
Andrew Nicolaou fe513fdb54 Adds spacing around social login button 2019-05-29 12:51:50 -04:00
Andrew Nicolaou 3e760ca0b8 Styles Account and APIKeys components 2019-05-29 12:51:50 -04:00
Andrew Nicolaou ed87d4cd26 Aligns AccountView to top of page 2019-05-29 12:51:50 -04:00
Vertmo 78695d3983 Improved interface for copying key after creation 2019-05-29 12:51:50 -04:00
Vertmo 3d2a862d9d Added design of the API key page 2019-05-29 12:51:50 -04:00
siddhant 538a41c617 Added Loader to indicate loading of sketches (#880)
* Added Loader to indicate loading of sketches

* Fixed styles

* Changed styles

* remove prefixes

* Issues Fixed:

* added Loader

* Refactor

* Issues Fixed

* clean up loader functions
2019-05-01 16:32:39 -04:00
Abhishek Kumar 76e4363705 Dialog fixes (#1043)
* Dialog fixes

* Dialog Alignmet Fixed
2019-05-01 14:17:55 -04:00
Cassie Tarakajian c3de0512cc fixes #1005, squashed commits from @plxity and @catarak 2019-04-17 17:05:55 -04:00
Cassie Tarakajian a4e2ce178d
fixes #1040 (#1042) 2019-04-17 16:51:58 -04:00
siddhant 7ef34e8f59 Since uploader was not present in the imports , the styles were not showin up (#946)
* fixed styles not showing up

* Added theme support

* Fixed Styles

* Fixed styles

* Refactor
2019-04-02 15:10:49 -04:00
Apoorv Taneja 391a92a1fd Logo color changes with theme. Fix #916 (#997)
* color changes with theme

* color changes with theme

* color changes with theme

* color changes with theme
2019-03-28 14:21:43 -04:00
siddhant 9433d188fc Added autoOpen items on hover (#900)
* AutoOpen Header

* removed nav heading

* Fixed #908

* Fixed Styles

* Fixed styles

* Refactor editor

* Issues Fixed

* keyup -> keyown
2019-03-27 12:50:55 -04:00
Cassie Tarakajian c1ba5cb072 revert overlay max-height 2019-03-26 15:51:55 -04:00
Laksh Singla 24302b56de Added softwrap preference for users. (#970)
* Client and server side code added for Linewrap option

* Linked linewrap prop with the Editor.jsx property

* linewrap defaults to true

* Renamed 'LineWrap' to 'WordWrap'
2019-03-26 15:37:44 -04:00
Abhishek Kumar e2a6b4595b CSS Fixes (#920) 2019-03-20 12:52:00 -04:00
Nimish Agrawal f8ee62a1b5 Removes scrollbar when not needed (#892) 2019-03-15 13:00:29 -04:00
Cassie Tarakajian 1d2cb87c33 for #874, also fixes bug in which file options could be revealed by right clicking even if user isn't owner of sketch 2019-03-14 16:10:50 -04:00
nimish a018929489 Remove file menu on blur 2019-03-13 18:10:47 +05:30
Cassie Tarakajian d17364a2ce pull vendor css from node_modules, remove duplicate vendor css from client/styles/vendor 2019-03-04 15:38:14 -05:00
Cassie Tarakajian 437ffba378
fixes #802 (#809) 2019-01-16 12:35:34 -05:00
Cassie Tarakajian eebe9d9252
fixes #777 (#782) 2018-12-12 14:43:28 -05:00
Cassie Tarakajian 0a8c7c5773 fixes #751 2018-11-07 15:07:06 -05:00
Bhawesh Bhansali 61dd0bb4d0 [WIP] Set min & max limits on font-size (#716)
* Set min & max limits on font-size

Disable the font-size setting button when extremum is reached.

References https://github.com/processing/p5.js-web-editor/issues/689

* handle case for user input to input field, also add min and max for indentation amount
2018-11-02 15:55:06 -04:00
anaplian 319e68ddb6 Fix async validation in signup form (fixes #742) (#746) 2018-10-29 19:33:37 -04:00
Basile Pesin 55dfd7e328 Fixed my scrollbar mistake (#736)
* Fixed my scrollbar mistake

* Really fixed it by introducing a slightly different class for the fullview frame

* Using classnames module
2018-10-22 14:59:08 -04:00
Basile Pesin 996a1b988a Fixes #692 (#713)
* Got the basis covered, now I need to style all this

* Corrected and upgraded Share window

* Changed the routes again, and set correct design

* Made some of the requested changes

* Removed PreviewFrame errors

* Redesigned Preview Header

* Corrected style of the FullView

* Corrected most of the css mistakes

* Corrected logo size
2018-10-18 14:10:37 -04:00
Cassie Tarakajian 474c843e8a Merge branch 'bugfix/680-preview-dimensions' of https://github.com/bendman/p5.js-web-editor into bendman-bugfix/680-preview-dimensions 2018-10-17 15:27:57 -04:00
Cassie Tarakajian dcf9f270c4 fix bug in foldgutter styling 2018-10-15 17:45:31 -04:00
Cassie Tarakajian d15e5d0da5 fixes #715 in an extremely hacky way 🤷‍♀️, fixes another error in which when changing the font size, linting highlighting was misaligned 2018-10-10 17:40:47 -04:00
Meru Patel 19bffe58cf Fixes #712 (#718)
* added matchbrackets

* Added css for matching brackets
2018-10-08 13:14:59 -04:00
Cassie Tarakajian 04191fbaab fixes #551 2018-10-03 16:48:44 -04:00
Meru Patel a9de9690b2 css change 2018-09-17 20:44:00 +05:30
Meru Patel 5a8d814228 css update 2018-09-16 14:15:40 +05:30
Meru Patel c3a4d1263e css update 2018-09-16 12:03:45 +05:30
bendman ffa4ac145a Fixes #680 by adjusting canvas and iframe layout
- Set the preview canvas to `display:block` to remove vertical spacing
caused by the default value, which was making a full-height canvas cause
vertical scrolling, and the vertical scrollbar caused horizontal
scrolling
- Wrap the preview content in a container with `position:relative` and
no other visible content, so that the full-height iframe excludes the
height of the preview frame header, preventing it from going beyond the
height of the page
2018-09-08 11:50:39 -07:00
Ben Duncan 3b1cd6782b Fixes #682 by isolating preview pane layers (#683)
Restrict the z-index of the console (and any other preview panes) to the
context of the preview container, thereby preventing any internal
content from overlaying a modal. `z-index:0` is used as a more
browser-compliant form of `isolation:isolate` or `contain:paint` to
create an isolated stacking context.
2018-09-07 17:25:09 -04:00
Liang Tang 617f00653c Improve current console (#656)
* init v2

* make replay work

* fix a failing scenary of react-frame

* fix some bugs

* delete/comment some files

* remove

* fix some bugs && remove more comments

* remove unnecessary lines

* minor tweak

* fix some bugs

* try to hook iframe using webpack

* update

* changes according to cassie

* minor tweak

* fix lint

* extract sass

* add icons

* update webpack config

* update webpack configuration

* update

* tweak

* fix a small bug
2018-07-30 12:20:57 -04:00
Cassie Tarakajian 617cffc869 fix many linting errors 2018-05-08 19:16:04 -07:00
Cassie Tarakajian 90c76c1d08 fix linting errors 2018-05-08 19:16:04 -07:00
Cassie Tarakajian 52b6a6bbb4 minor changes to SCSS styles 2018-04-18 14:00:53 -07:00
Madhurjya Pegu 307091ad3c Solving #553 Addition of google oauth 2.0 for easy login (#608)
* google oauth added

* google credentials 

updated .env description for google oauth

* changes done wrt review
2018-04-18 13:38:02 -07:00
Himanshu e7505f8205 Issue overlay (#577)
* fixes #384

Positioning and font-size was off.

* Added consistent styling

* Further Changes.

* removed line height.

* fixes #371

* Made minor semantic and code consistency changes.

* anchor tag removed
2018-03-02 11:40:31 -05:00
Himanshu ea02d7692d fixes #384 (#563)
* fixes #384

Positioning and font-size was off.

* Added consistent styling

* Further Changes.

* removed line height.
2018-02-27 12:28:17 -05:00
Himanshu 3b10b2d0f3 fixes #378 (#564)
* fixes #378

* fixes  #378

Horizontal Resizer cursor made default when disabled.
2018-02-22 16:01:39 -05:00
Himanshu 1969c48cce fixes #537 (#544)
Commented out hello p5 video page.
Did not remove the features as it can be used again after revamping the hello p5 page.
2018-02-15 14:43:32 -05:00
Cassie Tarakajian daeed8749d
fixes #528 (#536) 2018-02-09 16:32:06 -05:00
Cassie Tarakajian 5278328c1e small fix to settings styles 2017-11-14 17:00:17 -05:00
Cassie Tarakajian c99c867021 almost finished with preferences styling 2017-11-14 16:27:42 -05:00
Cassie Tarakajian ca80308bc2 continue to fix preferences styles 2017-11-14 15:27:00 -05:00
Cassie Tarakajian 9587d01908 start to add preferences styling 2017-11-13 19:09:08 -05:00
saumya1906 9c655122b2 Adjusted tabs and added serve over https checkbox 2017-11-06 17:41:56 -05:00
saumya1906 9ae27faf55 Issue 266: Changed class name 2017-11-06 17:41:56 -05:00
saumya1906 f14e74de55 Issue 266: Removed prefixing 2017-11-06 17:41:56 -05:00
saumya1906 147128ed40 Issue 266: More Design Changes 2017-11-06 17:41:56 -05:00
saumya1906 67dd614651 Issue 266: Sketch Settings design 2017-11-06 17:41:56 -05:00
saumya1906 6b6ff7ca22 Issue 266: Tabs added 2017-11-06 17:41:55 -05:00
saumya1906 6f068b5503 Issue 266 2017-11-06 17:41:55 -05:00
Cassie Tarakajian d121c2c882 fix and finish #391 2017-10-30 17:25:05 -04:00
Cassie Tarakajian d48d9349a8 start to restyle share modal 2017-10-30 17:25:05 -04:00
Cassie Tarakajian 39df7512c1 update highlighted line styles 2017-10-12 17:13:27 -04:00
Cassie Tarakajian 1363a7a0c3 add missing linting markers 2017-10-12 16:19:18 -04:00
Cassie Tarakajian 2140e2bbca change colors of folding icons for dark and high contrast themes 2017-10-12 14:22:17 -04:00
Cassie Tarakajian dfcd080cb7 change fold icons and dots 2017-10-11 17:31:23 -04:00
Cassie Tarakajian 1f86eb6711 Merge branch 'master' into zrispo-feature-code-folding 2017-10-11 15:55:55 -04:00
Cassie Tarakajian 48cbd79ca8 fixes #443 2017-10-11 12:56:44 -04:00
Cassie Tarakajian dad9284116 fix #439 2017-09-15 16:12:36 -04:00
Cassie Tarakajian 7f206122a2 add keyboard shortcuts to nav items 2017-09-14 14:52:41 -04:00
Cassie Tarakajian 7a399f859a remove unimplemented nav items, fix nav styling 2017-09-14 14:52:41 -04:00
Cassie Tarakajian 5cadf8986c fix logo styling, add link to keybaord shortcuts 2017-09-14 14:52:40 -04:00
Cassie Tarakajian 4e822809bb fix logged out nav 2017-09-14 14:52:40 -04:00
Cassie Tarakajian 65b009077b many updates to nav style 2017-09-14 14:52:40 -04:00
Cassie Tarakajian 394772c32c more nav restyling 2017-09-14 14:52:40 -04:00
Cassie Tarakajian fd26279fed start to restyle nav 2017-09-14 14:52:40 -04:00
Saumya Balodi fcb89e2c2b Issue211 (#409)
* Update Repository

* Syntaxt Highlighting for dark and light themes
2017-08-03 23:09:25 +02:00
Cassie Tarakajian 273fc08b19 Merge branch 'feature-code-folding' of https://github.com/zrispo/p5.js-web-editor into zrispo-feature-code-folding 2017-08-01 13:48:49 -04:00
Katyayani Singh fa98306b9a Update Find styling to new design (#401)
* Update Find styling

* Update placeholder text
2017-07-28 17:38:47 +02:00
Zach Rispoli 14d77cac0b Style for folded region looking better 2017-07-26 14:16:50 -04:00
Cassie Tarakajian 983248ccb7 fixes #402 2017-07-24 11:12:11 -04:00
Zach Rispoli 683b718303 Fix CSS loader + Improve visual for code folding 2017-07-18 15:57:40 -04:00
Zach Rispoli 9647372c9e Remove unnecessary CSS 2017-07-17 16:15:33 -04:00
Zach Rispoli 87de91016b Code folding (#382) 2017-07-17 16:07:59 -04:00
Cassie Tarakajian e140702784 Create Asset List View and refactor overlay code (#356)
* start to create asset list

* begin refactoring overlay component to remove duplicate code

* refactoring of overlays, asset list styles

* changes to add size to asset list

* fixes to asset list

* handle case in which a user hasn't uploaded any assets

* fix bug in which asset list only grabbed first asset

* remove console.log

* update overlay exit styling to use icon mixin
2017-07-11 17:37:43 +02:00
Cassie Tarakajian 080e9aa823 fix #370 by moving icon placeholder to a mixin 2017-06-26 17:46:47 -04:00
Andrew Nicolaou 1dc0c22cb7 Email verification (#369)
* Re-introduce Email Verification code

Revert "Revert "Email verification""
This reverts commit d154d8bff259350523a0f139e844db96c43d2ee1.

* Uses MJML to generate Reset Password email

* Sends Password Reset and Email Confirmation emails using MJML template

* Sends verified status along with user data

* API endpoint for resending email verification confirmation

* Displays verification status on Account page and allows resending

* Send back error string

* Passes email address through to sign/verify helper

* Uses enum-style object to set verified state

* Sends minimal info when user verifies since it can be done without login

* Provides /verify UI and sends confirmation token to API

* Better name for JWT secret token env var

* Adds mail config variables to Readme

* Encrypts email address in JWT

The JWT sent as the token in the Confirm Password URL
can be unencoded by anyone, although it's signature can only
be verified by us. To ensure that no passwords are leaked,
we encrypt the email address before creating the token.

* Removes unused mail templates

* Resets verified flag when email is changed and sends another email

* Moves email confirmation functions next to each other

* Extracts random token generator to helper

* Moves email confirmation actions into Redux

- updates the AccountForm label with a message to check inbox
- show status when verifying email token

* Uses generated token stored in DB for email confirmation

* Sets email confirmation status to verified if logging in from Github

* Sends email using new method on account creation

* Fixes linting errors

* Removes replyTo config
2017-06-26 12:48:28 -04:00
Andrew Nicolaou 2e62c6b288 Find (#359)
* Styles CodeMirror Search box

* Switch to fork of search add-on

* Styles search box using custom markup

* Prev/Next search behaviour, highlighting current result

* Hide search modifiers until implemented

* Regexp search

* Style RegExp modifier button active state

* Styles search modifiers

* Wires up Case Sensitive search button

* Allows case insenstive regexp search

* Do not show underlying regexp query string when re-opening dialog

* Adds "Whole word" search

* Adds title and aria-label for tooltip and screenreaders

* Whole Word button shows correct active/inactive state

* Disables replace implementation which doesn't work

* Tidies up query parsing so it's less of a hack

- uses state to convert query text into a regexp
- avoids having to fake regexp using "/.../" syntax
- parsing is now in one place

* Uses shared metaKey function for Cmd/Ctrl key

* Adds find function to keyboard shortcuts modals

* Sets aria-checked to true/false to indicate button state

* Sets role=checkbox on checkbox-like buttons
2017-06-06 15:20:21 -04:00
Mathura MG 82207a50d3 Accessibility (#361)
* add p5 interceptor submodule

* update package

* remoce interceptor

* update interceptor;

* merge scripts

* change postinstall script

* refactor interceptor files

* remove merge conflicts

* change source files

* add registry class

* provide seperate outputs for text and grid

* switch textOutput to boolean

* make both modules usable together

* update interceptor for safari

* fix grid label

* add sound output as well

* change file strucure

* change constants

* change input lables

* switch submodule branch

* change variable name

* change grid to table

* remove role from table elements

* switch submodule branch
2017-05-31 15:23:30 -04:00