Skip to content
This repository has been archived by the owner on Jul 12, 2022. It is now read-only.

GUI Design and Development #11

Closed
AdamJScott opened this issue Apr 18, 2021 · 5 comments
Closed

GUI Design and Development #11

AdamJScott opened this issue Apr 18, 2021 · 5 comments
Assignees
@AdamJScott

Comments

@AdamJScott
Copy link
Collaborator

https://github.com/caraya/projects-2021-editor/blob/main/main.js

Reference menu link creation from this link
@AdamJScott
Copy link
Collaborator Author

/cib

@create-issue-branch
Copy link

Branch 11-GUI-Design-and-Development created!

CullieM added a commit that referenced this issue Apr 26, 2021
@CullieM
#11 - Fixed auto-resizing
6fee0b4 
Fixed auto-resizing. Added a cute theme and large font to suit our needs, will be changed in time.
AdamJScott pushed a commit that referenced this issue Apr 26, 2021
#11 - GUI changes see description
3494736 
Min width and height set to 480 each
Electron window scrollbar removed
Sample Yarn Text added so when program launches we can see information of Yarn
AdamJScott pushed a commit that referenced this issue Apr 27, 2021
#11 - Top bar roughed in
06969c6 
Further work done, need to research how to make stuff look nice once we have the finalised design of what we need
AdamJScott pushed a commit that referenced this issue Apr 30, 2021
#11 - SOME TEXT HERE
0bd4bda
AdamJScott pushed a commit that referenced this issue Apr 30, 2021
#11 - Removed weird button stylising
a610850
AdamJScott pushed a commit that referenced this issue Apr 30, 2021
#11 - GUI work more inline with potential final product
7ee8ce6 
Moved CSS color instances into variables under :root of styles.css, to programmatically change themes potentially

More design GUI work, mostly borders and the top bar of font, zoom, etc.

No where near the final polish
AdamJScott pushed a commit that referenced this issue Apr 30, 2021
#11 - Changed black/white to primary / secondary
e6d7c5e
AdamJScott pushed a commit that referenced this issue Apr 30, 2021
#11 - Tiny changes to GUI
79de3c7 
Playing around with colour, css schemes, spent time drawing on paint and looking at possible final designs
AdamJScott pushed a commit that referenced this issue May 2, 2021
#11 - Attempts made for hover element
61b6f56 
Enabled scroll wheel zoom for editor
AdamJScott pushed a commit that referenced this issue May 3, 2021
#11 - Integration testing
1029b4f
AdamJScott pushed a commit that referenced this issue May 3, 2021
#11 - Ready for demonstration at current stage
4466dce 
Ready for push to master, as discussed in meeting.

Added and formatted rounded top left border on editor, to give it a more bubbly modern view.

Disabled horizontal scrolling as a hacky way to have only the top left border rounded and nothing else.
AdamJScott pushed a commit that referenced this issue May 3, 2021
#11 - Final touchup before merge
f1272be
AdamJScott added a commit that referenced this issue May 3, 2021
@AdamJScott
Merge pull request #16 from setho246/11-GUI-Design-and-Development
9053e08 
#11 GUI design and development
@AdamJScott
Copy link
Collaborator Author

/cib

@create-issue-branch
Copy link

Branch 11-GUI-Design-and-Development created!

@AdamJScott
Copy link
Collaborator Author

Menu implementation needed

AdamJScott pushed a commit that referenced this issue May 3, 2021
#11 - Rounded connection
57d635a
AdamJScott pushed a commit that referenced this issue May 4, 2021
#11 - GUI work
d2bbf0e 
Top bar buttons stylised to match
Current open file/s topbar implemented above editor

Beginnings of the menu bar implemented (not tested on mac yet)
AdamJScott pushed a commit that referenced this issue May 4, 2021
#11 fixed yarn doc link in menu
f479379
AdamJScott pushed a commit that referenced this issue May 5, 2021
#11 - Emergency commit
2e4bfd0
AdamJScott pushed a commit that referenced this issue May 9, 2021
#11 - GUI changes
ce9660e 
Finally added MIT compliant icons taken from the lovely tabler community https://github.com/tabler/tabler-icons

Changed the quick actions to icons, and changed bold italics underline to icons too

couldnt get the colour picker to work nicely with the palette icon but that could be a NTH
AdamJScott pushed a commit that referenced this issue May 9, 2021
#11 - Iconography
4ae7641 
Discussed changes in meeting
AdamJScott pushed a commit that referenced this issue May 16, 2021
#13 #11 - Tidied GUI structure
0eab0dc
AdamJScott pushed a commit that referenced this issue May 17, 2021
#11 Licensing comment changes
a9ef6a6
AdamJScott pushed a commit that referenced this issue May 17, 2021
#11 - Started work on styling working files
8a231b1
AdamJScott pushed a commit that referenced this issue May 17, 2021
#11 - Minor removals of redundant html classes
567e9f8
AdamJScott pushed a commit that referenced this issue May 19, 2021
#11 - Logo added to top right
89a16b7 
Top right felt too empty
AdamJScott pushed a commit that referenced this issue May 23, 2021
#11 Basics of theme-ing started
10e572e 
Is it theming or themeing?
AdamJScott pushed a commit that referenced this issue May 23, 2021
#11 Icon functionality + beginnings of WF removal
d0ff956
AdamJScott pushed a commit that referenced this issue May 23, 2021
#11 bold, italics, underline commands implemented
6907ff8
AdamJScott pushed a commit that referenced this issue May 23, 2021
#21 #11 - ondidChange + tiny gui changes
b9b6011
AdamJScott pushed a commit that referenced this issue May 24, 2021
#11 #22 - GUI and error squiggly mvp
6eac8bf
AdamJScott pushed a commit that referenced this issue May 24, 2021
#11 - Theme change to match tokeniser
c7f9d66
AdamJScott pushed a commit that referenced this issue May 24, 2021
#11 merge changes from #22
1e09948
AdamJScott pushed a commit that referenced this issue May 24, 2021
#11 #22 - GUI changes + bold/etc tokeniser fix
92028dd 
regex in bold, italics and underline was too greedy, commented in the fix in yarnSpinnerMonarch.js line 128
AdamJScott pushed a commit that referenced this issue May 24, 2021
#11 Four Distinct Themes + Theme Documentation
00f5091 
Creation of a documentation file I will keep adding to once we get further into it.
AdamJScott pushed a commit that referenced this issue May 24, 2021
#11 ESLint cleanup
887a468
AdamJScott pushed a commit that referenced this issue May 25, 2021
#11 - save icon tool tip from "save as" to "save"
a909d6b
CullieM added a commit that referenced this issue May 26, 2021
@CullieM
#11 - button hover cursor, made text unselectable
2f61fdd
AdamJScott pushed a commit that referenced this issue May 26, 2021
#11 Started right click in working files work
33cad97
AdamJScott pushed a commit that referenced this issue May 26, 2021
#11 - Added change of colour on current open file
02731c0 
Within working files, the current file opened was ambigious so i added the functionality of swapping the colour of the selected div to tabGap (working) so the user can see what file they're editing
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@AdamJScott AdamJScott

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@AdamJScott @Roo61900