Finish styling calculator - #1

Open

michael-mcmasters wants to merge 59 commits into

code-differently:mainfrom

michael-mcmasters:main

Commits on Nov 6, 2020

Import Bootstrap
michael-mcmasters
committed
adc41a6
Create and import styles.css
michael-mcmasters
committed
dd98d42
Set layout with Bootstrap
michael-mcmasters
committed
4aed214
Create layout with pure CSS and no Bootstrap
michael-mcmasters
committed
3285628
Create second row
michael-mcmasters
committed
1fd7e1c
Refactor button margins to simplify CSS
michael-mcmasters
committed
c8c9e44
Set button padding to font-size. Replace <button> text with numbers and symbols
michael-mcmasters
committed
1a082eb
Create "Standard | Scientific" a tags
michael-mcmasters
committed
6aaee94
Rename <title>
michael-mcmasters
committed
e8a62d4
Set button background colors
michael-mcmasters
committed
18b4083
Give buttons hover effect
michael-mcmasters
committed
3b3ef75
Change border color
michael-mcmasters
committed
770a94d
Set <a> tag colors
michael-mcmasters
committed
cb6a025
Remove row class because it is unused
michael-mcmasters
committed
d2411ee
Create and style input field
michael-mcmasters
committed
306f925
Replaced symbols with &symbols
michael-mcmasters
committed
2ae3150
Make decimal bold and increase url font-size
michael-mcmasters
committed
b252de0
Add <p> tag to each row with Javascript
michael-mcmasters
committed
32941c7
Fill for Scientific buttons
michael-mcmasters
committed
e7bc311

Commits on Nov 7, 2020

Use Javascript to enable/disable Scientific calculator
michael-mcmasters
committed
cd4085f
Renamed Javascript file
michael-mcmasters
committed
970c369
Add event listener for when user readjusts window size
michael-mcmasters
committed
908ca4e
Make it so scientific buttons move to bottom of calculator if the screen width is small
michael-mcmasters
committed
a3fd48c
Make buttons responsive with CSS and Javascript
michael-mcmasters
committed
09cca6d
Give Standard and Scientific buttons IDs
michael-mcmasters
committed
e7fd69a
Give event listeners to both buttons
michael-mcmasters
committed
799691b

Commits on Nov 9, 2020

Clean up functions and comments
michael-mcmasters
committed
c16a902
Added scientific buttons to structure with a default of display: none
michael-mcmasters
committed
0021143
Set display to block with Javascript for some buttons
michael-mcmasters
committed
4f17c2d
Enable and disable scientific buttons
michael-mcmasters
committed
8028a0c
Combine enable and disable into one function, toggle
michael-mcmasters
committed
c943a02
Make Scientific buttons responsive with Javascript. Add/remove correct buttons with click listener
michael-mcmasters
committed
1f0030d
Remove deprecated script
michael-mcmasters
committed
f6e0a20
Set input field's width to 100%
michael-mcmasters
committed
472dc91
Set correct color for scientific buttons
michael-mcmasters
committed
a241962
Create two classes for Rad and Deg buttons
michael-mcmasters
committed
926601f
Combine Rad and Deg into one button
michael-mcmasters
committed
4710060
Add color to Rad | Deg button
michael-mcmasters
committed
c10a738
Make Rad | Deg button work when buttons are at bottom of calculator
michael-mcmasters
committed
451dd86
Make Rad | Deg button responsive
michael-mcmasters
committed
3c57b45

Commits on Nov 16, 2020

Fix padding for Rad and Deg button when window width is small
michael-mcmasters
committed
c055e39
Replace button text with HTML Unicode symbols
michael-mcmasters
committed
c9c2f2d
Change font size of symbols. Set buttons to use rem padding instead of em
michael-mcmasters
committed
faf5c42
Fix sizing
michael-mcmasters
committed
8ad1194
Disable scientific buttons on start-up
michael-mcmasters
committed
4c88367
Git rid of d-flex class and put display: rlex in .row instead
michael-mcmasters
committed
ec6059c
Fix width for everything except input box
michael-mcmasters
committed
efa6f73

Commits on Nov 17, 2020

Use media queries to change input width
michael-mcmasters
committed
6e0d054
Add another media query for input box
michael-mcmasters
committed
f4559f2
Get input width to be correct width for all sizes and layouts
michael-mcmasters
committed
83f0eb3
Clean up
michael-mcmasters
committed
7518b6d
Add margin left to bottom scientific buttons
michael-mcmasters
committed
13a56c3
Create CSS id for standard / scientific buttons
michael-mcmasters
committed
a55aaac
Change color of standard / scientific button depending on which is active
michael-mcmasters
committed
d9b8ba6
Fix margin for bottom scientific buttons
michael-mcmasters
committed
53d7860
Remove border when button is clicked
michael-mcmasters
committed
e6eb4fc
Fix padding around elements inside calculator
michael-mcmasters
committed
45845ef
Fix width for rad / deg button when window is small
michael-mcmasters
committed
e4ce623
Make color on hover work again
michael-mcmasters
committed
28048d7