[savannah-help-public] [sr #109699] get rid of splitleft-splitright wrapping divs on of my/admin/

[Peter Liscovius]

URL:
  <https://savannah.nongnu.org/support/?109699>

                 Summary: get rid of splitleft-splitright wrapping divs on of
my/admin/
                 Project: Savannah Administration
            Submitted by: peterdd
            Submitted on: Sat 08 Jun 2019 03:43:12 PM CEST
                Category: Savannah website
                Priority: 5 - Normal
                Severity: 1 - Wish
                  Status: None
             Assigned to: None
        Originator Email: 
        Operating System: None
             Open/Closed: Open
         Discussion Lock: Any

    _______________________________________________________

Details:

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;) 




    _______________________________________________________

Reply to this item at:

  <https://savannah.nongnu.org/support/?109699>

_______________________________________________
  Message sent via Savannah
  https://savannah.nongnu.org/