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

 
 

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

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

Add a New Comment (Rich Markup)
   

Comment Type & Canned Response:
       

 

Mon 11 Apr 2022 05:18:58 PM UTC, comment #1: 

I've rearranged that layout to single-column and moved the 'Delete Account' link to a separate section; the layout still could be further improved, though.

Ineiev <ineiev>
Site Administrator
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 ineiev (Posted a comment)
  • -email is unavailable- added by peterdd (Submitted the item)
  •  

    There are 0 votes so far. Votes easily highlight which items people would like to see resolved in priority, independently of the priority of the item set by tracker managers.

    Only logged-in users can vote.

     

     

     

     

    Follow 3 latest changes.

    Date Changed by Updated Field Previous Value => Replaced by
    2022-04-11 ineiev StatusNone Done
        Assigned toNone ineiev
        Open/ClosedOpen Closed

    Back to the top


    Powered by Savane 3.9