aboutsummaryrefslogtreecommitdiffstats
path: root/htdocs/src/scss
Commit message (Collapse)AuthorAgeFilesLines
* chore(styles): add overflow-y auto to project detailsArmand Philippot2021-10-271-0/+3
| | | | | When the content is long, it is preferable to make the div scrollable to avoid breaking design.
* fix(styles): avoid nav item wrappingArmand Philippot2021-10-271-2/+4
| | | | | With long names (like "About CSS Border Previewer") the button was outside the screen. With flex no wrap, the text can take two lines.
* fix(animation): add fade-in animation to project details on large vwArmand Philippot2021-10-261-2/+2
| | | | | | The animation was not triggered because I forgot to add the class in the right place. I also increase a little the animation timing.
* chore: add a different style to the selected project inside navArmand Philippot2021-10-261-0/+11
|
* chore(styles): improve project details animation and increase heightArmand Philippot2021-10-262-10/+9
| | | | | | | | | Depending on content, the project details block was not completely below the toolbar before the animation ended. By using vh instead of %, the issue is fixed. I also increase a little the animation timing. I also give project details block a full height when expanded. This allows me to right longer description if needed and I can use the default font-size. It improves readability.
* chore(styles): change the header scrollbar colorArmand Philippot2021-10-262-1/+3
|
* refactor(styles): remove unused stylesArmand Philippot2021-10-265-50/+0
|
* chore: add box shadow to project details and toolbarArmand Philippot2021-10-262-0/+2
| | | | It helps to differentiate each part of the design.
* chore: change header/footer stylesArmand Philippot2021-10-263-6/+19
| | | | | The branding takes a less space. I add box shadows and border to differentiate the header from the footer and the content.
* chore(nav): change nav links stylesArmand Philippot2021-10-261-36/+31
|
* chore: print the project preview & details on clickArmand Philippot2021-10-254-2/+13
| | | | | | On small viewport, hide the project details and display it when the user clicks on toolbar button. So I adjust the toolbar z-index and the preview height.
* chore: add stylesArmand Philippot2021-10-2425-0/+1135