User Interface in Brilliant

The user interface in Brilliant takes up a lot of space for the top bar, and the bottom bar.

Top Bar: There are two rows at the top. With some re-arrangement, this can take up one row only

Bottom Bar: Takes up a LARGE amount of space, particularly the Android App at the bottom.

Why is this important: So that scrolling in actual problems goes down, particularly in practice problems that also have images.

Easy Math Editor

This discussion board is a place to discuss our Daily Challenges and the math and science related to those challenges. Explanations are more than just a solution — they should explain the steps and thinking strategies that you used to obtain the solution. Comments should further the discussion of math and science.

When posting on Brilliant:

Use the emojis to react to an explanation, whether you're congratulating a job well done , or just really confused .
Ask specific questions about the challenge or the steps in somebody's explanation. Well-posed questions can add a lot to the discussion, but posting "I don't understand!" doesn't help anyone.
Try to contribute something new to the discussion, whether it is an extension, generalization or other idea related to the challenge.
Stay on topic — we're all here to learn more about math and science, not to hear about your favorite get-rich-quick scheme or current world events.

Markdown	Appears as
`italics` or `_italics_`	italics
`bold` or `__bold__`	bold
- bulleted - list	bulleted list
1. numbered 2. list	numbered list
Note: you must add a full line of space before and after lists for them to show up correctly
paragraph 1 paragraph 2	paragraph 1 paragraph 2
`[example link](https://brilliant.org)`	example link
`> This is a quote`	This is a quote
# I indented these lines # 4 spaces, and now they show # up as a code block. print "hello world"	# I indented these lines # 4 spaces, and now they show # up as a code block. print "hello world"

Math	Appears as
Remember to wrap math in `$` ... `$` or `\[` ... `\]` to ensure proper formatting.
`2 \times 3`	$2 \times 3$
`2^{34}`	$2^{34}$
`a_{i-1}`	$a_{i-1}$
`\frac{2}{3}`	$\frac{2}{3}$
`\sqrt{2}`	$\sqrt{2}$
`\sum_{i=1}^3`	$\sum_{i=1}^3$
`\sin \theta`	$\sin \theta$
`\boxed{123}`	$\boxed{123}$

Comments

@Sam Solomon @Calvin Lin

Agnishom Chattopadhyay - 6 years, 3 months ago

Hi Star Light, thanks for this feedback! The lack of vertical space is definitely not ideal. We have designed a 1-layer header for desktop that we plan to implement soon. We're also continuing to work on ways to free up vertical space in the apps.

Suyeon Khim Staff - 6 years, 3 months ago

Thanks for the quick reply. Note that you could also get the bottom bar in one layer - that would actually save more space then the top bar.

Star Light - 6 years, 3 months ago

You're seeing a 2-layer bottom bar on Android? What buttons are in the two layers?

Suyeon Khim Staff - 6 years, 3 months ago

@Suyeon Khim – I see a 2-layer bottom bar on Desktop. The lower bar contains the Android App Logo. This just takes up space and can be merged with the upper bar.

Note that I use Desktop, not the app. Hence, you may want to look at issues with the app separately, you definitely also want to look at issues with the Desktop version.

Star Light - 6 years, 2 months ago

Just to let you know - I face more of an issue since I tend to zoom in with the browser to get a bigger font size.

Once I zoom in, I start getting scroll bars for the question content, rather than having the question content boxes become longer.

Star Light - 6 years, 3 months ago

Math	Appears as
Remember to wrap math in `\(` ... `\)` or `\[` ... `\]` to ensure proper formatting.
`2 \times 3`	$2 \times 3$
`2^{34}`	$2^{34}$
`a_{i-1}`	$a_{i-1}$
`\frac{2}{3}`	$\frac{2}{3}$
`\sqrt{2}`	$\sqrt{2}$
`\sum_{i=1}^3`	$\sum_{i=1}^3$
`\sin \theta`	$\sin \theta$
`\boxed{123}`	$\boxed{123}$