General Discussion Responsive layout update #1

View : : :
17 Replies. 1 pages. Viewing page 1.
Newer [  1  ] Older
17.
 
Re: Out of the Blue
Dec 8, 2019, 21:56
17.
Re: Out of the Blue Dec 8, 2019, 21:56
Dec 8, 2019, 21:56
 
Ant wrote on Dec 8, 2019, 17:44:
Frans wrote on Nov 28, 2019, 13:21:
Rhialto wrote on Nov 28, 2019, 12:50:
Frans wrote on Nov 15, 2019, 03:42:
Thanks, but a little more is yet to come there too.
Soon?
Very.
Now?
Was online the 29th! You missed it?
Avatar 23064
16.
 
Re: Out of the Blue
Dec 8, 2019, 17:44
Ant
 
16.
Re: Out of the Blue Dec 8, 2019, 17:44
Dec 8, 2019, 17:44
 Ant
 
Frans wrote on Nov 28, 2019, 13:21:
Rhialto wrote on Nov 28, 2019, 12:50:
Frans wrote on Nov 15, 2019, 03:42:
Thanks, but a little more is yet to come there too.
Soon?
Very.
Now?
Ant's Quality Foraged Links (http://aqfl.net) & The Ant Farm (http://antfarm.ma.cx / http://antfarm.home.dhs.org).
Avatar 1957
15.
 
Re: Out of the Blue
Nov 28, 2019, 13:21
15.
Re: Out of the Blue Nov 28, 2019, 13:21
Nov 28, 2019, 13:21
 
Rhialto wrote on Nov 28, 2019, 12:50:
Frans wrote on Nov 15, 2019, 03:42:
Thanks, but a little more is yet to come there too.
Soon?
Very.
-- Frans
Avatar 1258
14.
 
Re: Out of the Blue
Nov 28, 2019, 12:50
14.
Re: Out of the Blue Nov 28, 2019, 12:50
Nov 28, 2019, 12:50
 
Frans wrote on Nov 15, 2019, 03:42:
Beamer wrote on Nov 14, 2019, 17:04:
The main page, the one you've been focusing on, looks magnificent now.
Thanks, but a little more is yet to come there too.
Soon?
Avatar 23064
13.
 
Re: Out of the Blue
Nov 15, 2019, 03:42
13.
Re: Out of the Blue Nov 15, 2019, 03:42
Nov 15, 2019, 03:42
 
Beamer wrote on Nov 14, 2019, 17:04:
The main page, the one you've been focusing on, looks magnificent now.
Thanks, but a little more is yet to come there too.
-- Frans
Avatar 1258
12.
 
Re: Out of the Blue
Nov 14, 2019, 17:04
Beamer
 
12.
Re: Out of the Blue Nov 14, 2019, 17:04
Nov 14, 2019, 17:04
 Beamer
 
The main page, the one you've been focusing on, looks magnificent now.
11.
 
Re: Out of the Blue
Nov 13, 2019, 12:25
Kxmode
 
11.
Re: Out of the Blue Nov 13, 2019, 12:25
Nov 13, 2019, 12:25
 Kxmode
 
Frans wrote on Nov 13, 2019, 11:48:
Kxmode wrote on Nov 13, 2019, 08:06:
Beamer wrote on Nov 12, 2019, 15:41:
I'm guessing this is due to something you're working on now, but:
https://imgur.com/a/iGYVWlq
Actually, it turns out to be something easy to fix. I've let Frans know what the fix is via Trello. Should be fixed soon.
That wasn't the fix you were looking for. It would restore the towers on phone screens, which is also undesirable.

The only remaining alternative was to simply disable the tower ads on the post/edit forms.

Remove the width on the table-cell. That space doesn't understand breakpoints. It's not needed for the skyscraper banner ad in that particular cell. Let the div inside the table-cell do the work of handling the visibility via breakpoints.

I've QA'ed it and it works as expected. Results:
Desktop - visible skyscraper
Tablet - visible skyscraper
Phone - hidden skyscraper, no empty space

Basically, we can't apply Bootstrap's display properties on tables, table-rows, and table-cells, and we have to be careful about using width percentages in cells that change visibility across the different breakpoints.
"Hard times create strong men. Strong men create good times. Good times create weak men. And, weak men create hard times." - Those Who Remain by G. Michael Hopf
Avatar 18786
10.
 
Re: Out of the Blue
Nov 13, 2019, 11:48
10.
Re: Out of the Blue Nov 13, 2019, 11:48
Nov 13, 2019, 11:48
 
Kxmode wrote on Nov 13, 2019, 08:06:
Beamer wrote on Nov 12, 2019, 15:41:
I'm guessing this is due to something you're working on now, but:
https://imgur.com/a/iGYVWlq
Actually, it turns out to be something easy to fix. I've let Frans know what the fix is via Trello. Should be fixed soon.
That wasn't the fix you were looking for. It would restore the towers on phone screens, which is also undesirable.

The only remaining alternative was to simply disable the tower ads on the post/edit forms.
-- Frans
Avatar 1258
9.
 
Re: Out of the Blue
Nov 13, 2019, 08:06
Kxmode
 
9.
Re: Out of the Blue Nov 13, 2019, 08:06
Nov 13, 2019, 08:06
 Kxmode
 
eRe4s3r wrote on Nov 13, 2019, 00:57:
Kxmode wrote on Nov 12, 2019, 20:18:
Beamer wrote on Nov 12, 2019, 15:41:
I'm guessing this is due to something you're working on now, but:
https://imgur.com/a/iGYVWlq

The forums aren't responsive (old school table vs Bootstrap sweetness). That's one of the side effects. Please, be patient. We'll get that dialed in soon.

I guess we'll have to Can't wait to see Bluesnews evolve. It's gotten vastly better already you guys are doing great work! Kudos to you all

Actually, it turns out to be something easy to fix. I've let Frans know what the fix is via Trello. Should be fixed soon.

This comment was edited on Nov 13, 2019, 11:43.
"Hard times create strong men. Strong men create good times. Good times create weak men. And, weak men create hard times." - Those Who Remain by G. Michael Hopf
Avatar 18786
8.
 
Re: Responsive layout update #1
Nov 13, 2019, 00:57
8.
Re: Responsive layout update #1 Nov 13, 2019, 00:57
Nov 13, 2019, 00:57
 
Kxmode wrote on Nov 12, 2019, 20:18:
Beamer wrote on Nov 12, 2019, 15:41:
I'm guessing this is due to something you're working on now, but:
https://imgur.com/a/iGYVWlq

The forums aren't responsive (old school table vs Bootstrap sweetness). That's one of the side effects. Please, be patient. We'll get that dialed in soon.

I guess we'll have to Can't wait to see Bluesnews evolve. It's gotten vastly better already you guys are doing great work! Kudos to you all
Avatar 54727
7.
 
Re: Responsive layout update #1
Nov 12, 2019, 20:18
Kxmode
 
7.
Re: Responsive layout update #1 Nov 12, 2019, 20:18
Nov 12, 2019, 20:18
 Kxmode
 
Beamer wrote on Nov 12, 2019, 15:41:
I'm guessing this is due to something you're working on now, but:
https://imgur.com/a/iGYVWlq

The forums aren't responsive (old school table vs Bootstrap sweetness). That's one of the side effects. Please, be patient. We'll get that dialed in soon.
"Hard times create strong men. Strong men create good times. Good times create weak men. And, weak men create hard times." - Those Who Remain by G. Michael Hopf
Avatar 18786
6.
 
Re: Responsive layout update #1
Nov 12, 2019, 15:41
Beamer
 
6.
Re: Responsive layout update #1 Nov 12, 2019, 15:41
Nov 12, 2019, 15:41
 Beamer
 
I'm guessing this is due to something you're working on now, but:
https://imgur.com/a/iGYVWlq
5.
 
Re: Responsive layout update #1
Nov 12, 2019, 03:31
5.
Re: Responsive layout update #1 Nov 12, 2019, 03:31
Nov 12, 2019, 03:31
 
eRe4s3r wrote on Nov 11, 2019, 12:23:
If you are working on this can you figure out why the post window isn't centered, aligned, and properly scaled anymore?

The field is smaller than the buttons below it, and everything below is weirdly spaced out (And it doesn't remember when I resize the window either ;(
Because, because, because... the forums have not yet been converted to responsive layout.
-- Frans
Avatar 1258
4.
 
Re: Responsive layout update #1
Nov 11, 2019, 14:19
Kxmode
 
4.
Re: Responsive layout update #1 Nov 11, 2019, 14:19
Nov 11, 2019, 14:19
 Kxmode
 
Ant wrote on Nov 10, 2019, 20:52:
Nice work.

Woah! Did Ant turn to the dark side?
"Hard times create strong men. Strong men create good times. Good times create weak men. And, weak men create hard times." - Those Who Remain by G. Michael Hopf
Avatar 18786
3.
 
Re: Responsive layout update #1
Nov 11, 2019, 12:23
3.
Re: Responsive layout update #1 Nov 11, 2019, 12:23
Nov 11, 2019, 12:23
 
If you are working on this can you figure out why the post window isn't centered, aligned, and properly scaled anymore?

The field is smaller than the buttons below it, and everything below is weirdly spaced out (And it doesn't remember when I resize the window either ;(
Avatar 54727
2.
 
Re: Responsive layout update #1
Nov 10, 2019, 20:52
Ant
 
2.
Re: Responsive layout update #1 Nov 10, 2019, 20:52
Nov 10, 2019, 20:52
 Ant
 
Nice work.
Ant's Quality Foraged Links (http://aqfl.net) & The Ant Farm (http://antfarm.ma.cx / http://antfarm.home.dhs.org).
Avatar 1957
1.
 
Responsive layout update #1
Nov 10, 2019, 16:08
1.
Responsive layout update #1 Nov 10, 2019, 16:08
Nov 10, 2019, 16:08
 
After the initial deployment of Blue's layout v4.0, we haphazardly added a few quick tweaks based on your feedback (like the maximum width for the left menu column). This first real update took more time to implement and discuss between Blue, Kxmode and myself. The following is included in v4.01:

In desktop layouts (with left menu):

- The font size of the blue story headlines is decreased (from 1.3em to 1.2em, for the technically inclined).
- The font size of story quotes (yellow text) and the links table in Out of the Blue is increased (0.9em to 0.96em).
- The square Amazon ad on the frontpage that went MIA in development hell, has returned to the frontline.

In mobile layouts (with hamburger menu):

- The empty space above the main site logo is reduced by 30px.
- The Amazon banner after the first day of news on the frontpage is now disabled on the smallest (phone) screens, so it doesn't protude beyond the right edge of the screen.
- It turned out to be easier than expected to disable tower ads in the forums on the smallest screens, so now they are. Edit on Nov 13: ...in views/listings, and for all resolutions in post/edit forms.

More tweaks in the next round.

Keep in mind that the effects of the above may vary depending on OS, browser, zoom setting, window width, whether you ate your veggies today, and -- last but not least -- people's perception. We can't please all combinations all the time, but continue to appreciate your constructive feedback. Thanks!

This comment was edited on Nov 13, 2019, 12:05.
-- Frans
Avatar 1258
17 Replies. 1 pages. Viewing page 1.
Newer [  1  ] Older