Skip to content
This repository has been archived by the owner on Feb 26, 2024. It is now read-only.

docs: restyle docs to be more "Truffley" #4035

Closed
wants to merge 82 commits into from
Closed

Conversation

OnlyOneJMJQ
Copy link
Contributor

Brought the styling of the docs closer to Truffle Dashboard, including fun things like a color changing theme switcher icon! Contrast is greater in the console elements in light mode as well. Other minor changes too numerous to list.

@OnlyOneJMJQ OnlyOneJMJQ changed the base branch from develop to docs-perf December 15, 2022 00:26
@OnlyOneJMJQ OnlyOneJMJQ changed the title Restyle docs to be more "truffley" Restyle docs to be more "Truffley" Dec 15, 2022
@jeffsmale90 jeffsmale90 changed the title Restyle docs to be more "Truffley" docs: Restyle docs to be more "Truffley" Dec 15, 2022
@jeffsmale90
Copy link
Contributor

This looks great!

@@ -44,7 +44,7 @@
font-family: "Open sans";
transform: translate(-3vw, calc(-100% + 3.05vw));
padding: 0.5vw 1vw 3vw;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
/* text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); */
Copy link
Contributor

Choose a reason for hiding this comment

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

we should probs delete this I guess?

Suggested change
/* text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); */

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Totally. I just commented this out initially because I was unsure if it aided readability in dark mode (I was primarily working in light mode at the time).

@@ -65,7 +65,7 @@
*:not(pre) > code,
.hljs {
font-family: "Share Tech Mono", monospace;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
/* text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7); */
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
/* text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7); */

@davidmurdoch davidmurdoch changed the title docs: Restyle docs to be more "Truffley" docs: restyle docs to be more "Truffley" Dec 15, 2022
@OnlyOneJMJQ
Copy link
Contributor Author

OnlyOneJMJQ commented Dec 15, 2022

UPDATE: They were caused by the padding.

Outstanding issues:

  • Cursor and highlights are off by ~1 character in monaco
  • Selected line highlighter overflows on right-hand side of monaco

I think these are both caused by the padding I added to .view-lines div.

@MicaiahReid
Copy link
Contributor

Closing because #4033 implements most of this now. Thanks, @OnlyOneJMJQ! I'll be sure to add you as a co-author on the eventual merge of #4033.

@MicaiahReid MicaiahReid closed this Jan 5, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants