Skip to content

Styled font weight and response box #25

Open
Solance wants to merge 4 commits intoishefi:mainfrom
Solance:main
Open

Styled font weight and response box #25
Solance wants to merge 4 commits intoishefi:mainfrom
Solance:main

Conversation

@Solance
Copy link
Copy Markdown

@Solance Solance commented Mar 22, 2022

Changed the response box style to be the same as in the English version.
Changed the fonts weight - numbers and English letters are closer to Hebrew letters.

Comment thread static/css/style.css
Comment thread static/css/style.css
border: 1px solid #716f6f;
padding-right: 20px;
padding-left: 5px;
}
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

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

This is what it looks like - I'm not sure the italic+bold looks good on the Hebrew text, also not sure about the color (though I do like the dark mode color). Wdyt?

image

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

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

(any ideas on how to make the design cleaner?)

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

On my machine (different browsers) it looks different, only italic.

Screenshot 2022-03-22 at 22 40 52

The color is the same one as in the English version, but I will try to think of a better one, as well as some cleaner design (I'm a bit limited here but will try!).

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

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

Now there's no background in light-mode
image

Comment thread static/css/style.css
Comment thread static/css/style.css
line-height: 27px;
-webkit-font-smoothing: subpixel-antialiased;
font-family:-apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
font-family:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

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

I actually like the current font better (at least on mac) - current:
image

new:
image

Also, line spacing in the paragraph is a bit too large + font size is too small

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

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

I liked the colors and the design of the "guess" button + textbox!

@Solance
Copy link
Copy Markdown
Author

Solance commented Mar 29, 2022

I fixed the response box background in light mode. I actually considered removing it, that's why it was missing. But I added it again, with a slight different color. I'm afraid I can't do more than that given the limitations I have.

A small side note: Noticed you added the 'buy me coffee' paragraph, I think it'll look better to add it right after the לשתף ולחזור לשחק מחר'. The left alignment is a bit messy and confusing and having it as a separate paragraph is a bit too much with the timer. These are my 2 cents about it :P

@Solance
Copy link
Copy Markdown
Author

Solance commented Apr 16, 2022

Is there anything more I should do/change then? :)

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