Commit graph

344 commits

Author SHA1 Message Date
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
Cassie Tarakajian
acd0f60f19 fix minor styling bug on safari 2017-05-10 16:12:24 -04:00
Cassie Tarakajian
19d6aa230d fix #347 2017-05-10 13:19:46 -04:00
Andrew Nicolaou
ae668f681e HTTPS UI switch (#335)
* Checkbox to toggle project's serveSecure flag

This doesn't yet persist or reload the page.

* Help button that shows modal to explain feature

* Extracts protocol redirection to helper

* Returns promise from saveProject() action to allow chaining

* Setting serveSecure flag on project redirects after saving project

* Set serveSecure on Project model in API and client

* Redirect to correct protocol when project is loaded
2017-05-03 11:46:12 -04:00