Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

frontend: Introduce rests.css #250

Merged
merged 8 commits into from
Jan 23, 2024
Merged

frontend: Introduce rests.css #250

merged 8 commits into from
Jan 23, 2024

Conversation

juliaogris
Copy link
Member

@juliaogris juliaogris commented Jan 22, 2024

Introduce rests.css and root.css to be reused in other *.html files.
We are using a typical resets.css file, which shook out a couple of
minor visual bugs, e.g. incorrect fontin an input element.

Introduce roots.css for global CSS style variables, such as colors and fonts

Update *.woff2 files with 1 year cache expiry in firebase config.

Refactor e2e tests in preparation for landing page and separate play.evy.dev tests.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The diff here is slight relocation of the ❌ in the top right corner as a result of

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The swipe and onion skin options below the images show this.
I really like this, 👏 GitHub.

@juliaogris juliaogris force-pushed the split-styles branch 5 times, most recently from 7f80728 to 0b6618d Compare January 23, 2024 03:27
Base automatically changed from split-styles to main January 23, 2024 03:31
Rename URLs https://evy.dev/play to https://play.evy.dev as we want to make
play.evy.dev the canonical place to find the evy playground.
Mark `frontend/css/fonts/*.*.woff2` font files, which have a version in their
filename, e.g. `firacode-latin.v22.woff`, with the usual one year, i.e.
maximum cache expiry header. We don't expect to be updating these files, only
adding new versions with new names. We've renamed the files from *-vN.woff,
to *.vN.woff, e.g. firacode-latin.v22.woff, so that we can use the same
pattern as other hashed files for extended expiry.
Introduce resets.css to be reused in other *.html files. Using a typical
resets.css file shook out a couple of minor visual bugs, e.g. incorrect font
in an input element.
Rename CSS variables to closer correspond to the CSS properties for which they
are used, e.g. rename -ff to --font-family. This seems to be the idiomatic
way of doing CSS variables and it seems also easier to remember.
Introduce root.css with global style related color and font-family related
values to be reused in other *.html files.
Modernize import/export syntax to ES6. Require was a pre-ES6, node way of
importing modules and is not needed anymore.

Link: https://stackoverflow.com/questions/31354559/using-node-js-require-vs-es6-import-export
Move playground end-to-end tests to e2e/play so that we can make space for a
landing page in the root directory. In a follow up commit we will also move
the frontend source code to /play.
Shorten test case names for better readability in test error messages.
Copy link
Member

@camh- camh- left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🦚

@juliaogris juliaogris merged commit 44d38b4 into main Jan 23, 2024
3 checks passed
@juliaogris juliaogris deleted the refactor-css branch January 23, 2024 04:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants