Send News. Want a reply? Read this. More in the FAQ.   News Forum - All Forums - RSS Headlines   RSS Headlines   Twitter   Twitter
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 Rhialto
 
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
 
Reply Quote Edit Delete Report
 

16. Re: Out of the Blue 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?
 
Avatar 1957
 



Ant's Quality Foraged Links (http://aqfl.net) & The Ant Farm (http://antfarm.ma.cx / http://antfarm.home.dhs.org).
Reply Quote Edit Delete Report
 

15. Re: Out of the Blue Nov 28, 2019, 13:21  Frans 
 
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.
 
Avatar 1258
 



-- Frans
Reply Quote Edit Delete Report
 

14. Re: Out of the Blue Nov 28, 2019, 12:50 Rhialto
 
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
 
Reply Quote Edit Delete Report
 

13. Re: Out of the Blue Nov 15, 2019, 03:42  Frans 
 
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.
 
Avatar 1258
 



-- Frans
Reply Quote Edit Delete Report
 

12. Re: Out of the Blue Nov 14, 2019, 17:04 Beamer
 
The main page, the one you've been focusing on, looks magnificent now.  



-------------
Music for the discerning:
http://www.deathwishinc.com
http://www.hydrahead.com
http://www.painkillerrecords.com
Reply Quote Edit Delete Report
 

11. Re: Out of the Blue 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.
 
Avatar 18786
 



William Shakespeare's "Star Wars" Act I, Scene 1: Aboard the rebel ship. / Enter C-3PO and R2-D2. / C-3PO: "Now is the summer of our happiness / Made winter by this sudden, fierce attack!" / R2-D2 Beep beep, Beep, beep, meep, squeak, beep, whee!
Reply Quote Edit Delete Report
 

10. Re: Out of the Blue Nov 13, 2019, 11:48  Frans 
 
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.
 
Avatar 1258
 



-- Frans
Reply Quote Edit Delete Report
 

9. Re: Out of the Blue 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.
 
Avatar 18786
 



William Shakespeare's "Star Wars" Act I, Scene 1: Aboard the rebel ship. / Enter C-3PO and R2-D2. / C-3PO: "Now is the summer of our happiness / Made winter by this sudden, fierce attack!" / R2-D2 Beep beep, Beep, beep, meep, squeak, beep, whee!
Reply Quote Edit Delete Report
 

8. Re: Responsive layout update #1 Nov 13, 2019, 00:57 eRe4s3r
 
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
 
Reply Quote Edit Delete Report
 

7. Re: Responsive layout update #1 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.
 
Avatar 18786
 



William Shakespeare's "Star Wars" Act I, Scene 1: Aboard the rebel ship. / Enter C-3PO and R2-D2. / C-3PO: "Now is the summer of our happiness / Made winter by this sudden, fierce attack!" / R2-D2 Beep beep, Beep, beep, meep, squeak, beep, whee!
Reply Quote Edit Delete Report
 

6. Re: Responsive layout update #1 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
 



-------------
Music for the discerning:
http://www.deathwishinc.com
http://www.hydrahead.com
http://www.painkillerrecords.com
Reply Quote Edit Delete Report
 

5. Re: Responsive layout update #1 Nov 12, 2019, 03:31  Frans 
 
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.
 
Avatar 1258
 



-- Frans
Reply Quote Edit Delete Report
 

4. Re: Responsive layout update #1 Nov 11, 2019, 14:19 Kxmode
 
Ant wrote on Nov 10, 2019, 20:52:
Nice work.

Woah! Did Ant turn to the dark side?
 
Avatar 18786
 



William Shakespeare's "Star Wars" Act I, Scene 1: Aboard the rebel ship. / Enter C-3PO and R2-D2. / C-3PO: "Now is the summer of our happiness / Made winter by this sudden, fierce attack!" / R2-D2 Beep beep, Beep, beep, meep, squeak, beep, whee!
Reply Quote Edit Delete Report
 

3. Re: Responsive layout update #1 Nov 11, 2019, 12:23 eRe4s3r
 
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
 
Reply Quote Edit Delete Report
 

2. Re: Responsive layout update #1 Nov 10, 2019, 20:52 Ant
 
Nice work.  
Avatar 1957
 



Ant's Quality Foraged Links (http://aqfl.net) & The Ant Farm (http://antfarm.ma.cx / http://antfarm.home.dhs.org).
Reply Quote Edit Delete Report
 

1. Responsive layout update #1 Nov 10, 2019, 16:08  Frans 
 
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.
 
Avatar 1258
 



-- Frans
Reply Quote Edit Delete Report
 
17 Replies. 1 pages. Viewing page 1.
< Newer [ 1 ] Older >