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
# for free to subscribe to this conversation on GitHub. Already have an account? #.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants