helpSavannah Administration - Support: sr #109699, get rid of splitleft-splitright...

 
 

sr #109699: get rid of splitleft-splitright wrapping divs on of my/admin/

Submitted by:  Peter Liscovius <peterdd>
Submitted on:  Sat 08 Jun 2019 01:43:12 PM UTC  
 
Category:  Savannah website Priority:  5 - Normal
Severity:  1 - Wish Status:  None
Assigned to:  None Operating System:  None
Open/Closed:  Open

Add a New Comment (Rich Markup)
   

You are not logged in

Please log in, so followups can be emailed to you.

 

Sat 08 Jun 2019 01:43:12 PM UTC, original submission:  

Problem: savane layout does not well adapt to different display resolutions. The world today ranges from 320 CSS-pixel portrait mode on mobile phones like iPhone 5 SE up to 15360x8640 (16K8K) displays.

This provides a starting mitigation solution for the 'My Account Conf' page: The wrapping splitleft-splitright divs can be simply removed. Just remove the calls of html_splitpage() in frontend/php/my/admin/index.php

So the main content of my/admin/ is displayed as a single column on small mobile displays or browser viewports. But on larger displays it can be 2 or more columns when the boxes .box has a display:inline-block;vertical-align:top; and maybe set a max-width: (see @media-queries)

Also then the span-clearr-wrappertag is not required anymore.

Also most of additional br-tags in frontend/php/my/admin/index.php are not necessary. A visual spacer between boxes can be done by

form#myconf .box{
margin-bottom:1em;
}

or something like that.

The 'Delete Account' box can be put last outside of the whole form-tag as it only leads to a separate page.

BTW: Often an ancient float: misused for a page layout can be replaced by

display:inline-block;
vertical-align:top;

that does not require extra html tags just for clearing purposes.(clear:both/left/right;)

Peter Liscovius <peterdd>

 

(Note: upload size limit is set to 16384 kB, after insertion of the required escape characters.)

Attach Files:
   
   
Comment:
   

No files currently attached

 

Depends on the following items: None found

Items that depend on this one: None found

 

Carbon-Copy List
  • -email is unavailable- added by peterdd (Submitted the item)
  •  

    Do you think this task is very important?
    If so, you can add your encouragement to it.
    This task has 0 encouragements so far.

    Only logged-in users can vote.

     

     

     

    No changes have been made to this item

    Back to the top


    Powered by Savane 3.5