Skip to content

Conversation

colegoldsmith
Copy link
Collaborator

Lots of little styling issues I noticed. I'll try to list all that was fixed:

  • Mobile left nav improvements
  • Table purple border color removed
  • Table striping now works
  • Docsearch icon change
  • New token changes added

@eric-schneider
Copy link
Contributor

@colegoldsmith Have you looked into updating the size of the DocSearch modal? See https://datastax.slack.com/archives/C05Q75MQ6UC/p1696638343141439?thread_ts=1696575191.091319&cid=C05Q75MQ6UC

@colegoldsmith
Copy link
Collaborator Author

@eric-schneider Yep I changed the width of the modal in the previous PR I made! It now matches the width of the command palette in Astra, 720px


@media screen and (max-width: 1023.5px) {
:root {
--navbar-height: calc(74 / var(--rem-base) * 1rem);
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Making the top nav height smaller on mobile widths gives more screen real estate for content. Especially helpful on phone screens

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

We could probably improve this more by refactoring how the left nav is opened on mobile. The button for that currently takes up a whole row being in the "toolbar" element

@colegoldsmith colegoldsmith merged commit 16f7c33 into main Oct 16, 2023
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.

3 participants