DEV Community

Discussion on: Changelog: Adjusted position of post buttons for wide screens

Collapse
 
flaque profile image
Evan • Edited

From both an aesthetic and functional aspect, dev might want to consider standardizing the outlines and look of most inputs.

For example, on this page, I've got 1, 2, 3, 4, 5, 6, 7, 8 different things that are clickable but have different outline behaviors.

screenshot

An overview

1 - this text input

border: 1px solid rgb(232, 229, 229);
border-radius: 3px;

2 - the ghost buttons

border: none;

3 - the filled buttons

border-radius: 3px;

4 - The really rounded buttons

border-radius: 100px;
border: 2px solid #090909 !important; 😱

5 - Those clickable posts

These mix a no-blur box-shadow and a border, but conceptually they're the same.

border: 1px solid #080808 !important;
box-shadow: 3px 4px 0px #080808 !important;

6 - the lighter clickable posts

border: 1px solid #d6d6d6;
box-shadow: 3px 3px 0px #bababa;

7 - The new rounded buttons

Admittedly I'm cheating on my metaphors here. I'm gonna say these are different because the gray background is light enough to be an accent, not really the button. You're clicking on the heart emoji, the gray is just there to show you where the clickable-area is.

border-radius: 100px !important;
border: 0px !important;

8 - Circle images

border-radius: 100px;

dev could use some consistency

If we had to pick a theme, I would go for the old-school no-opacity drop shadows. It's got a serious modern-retro feeling, like what Glitch has.

It's not the most pressing concern (personally I have it out for that fixed search bar), but I'm guessing it would do a lot to address the concerns of weirdness.

also ignore all opinions after you change something

Your brain is hardwired to feel physiological spooktitude when something changes. Literally anything anyone can say after you've unveiled something new is biased.

Don't be Microsoft keeping the windows button at the bottom left because every grandma and their dog wouldn't be able to use a computer if they changed. Change often; don't get stuck.

I think @Anton said it best somewhere below:

At first when I saw the bar down there I thought "What the hell!". I got used to it.

Collapse
 
mikewheaton profile image
Mike Wheaton

Term of the day goes to: "physiological spooktitude" 😂

Collapse
 
rhymes profile image
rhymes

From both an aesthetic and functional aspect, dev might want to consider standardizing the outlines and look of most inputs.

Wow, good catch, I feel like you should open a new GitHub issue :-)