[savannah-help-public] [sr #109696] markdown verbatim (for code snippets) does not respect white-space

[Peter Liscovius]

Follow-up Comment #2, sr #109696 (project administration):

> First, we want to wrap those verbatim elements at reasonable width --- if
they aren't, long lines break rendering of whole item. 

I do not think it is necessary to change the content except XSS filter before
output. CSS has ammunition to handle overlong nasty strings for output not
destroying the layout and preserving whitespace in code snippets: 


overflow-wrap:
(former word-wrap:) see
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

white-space:
overflow: (or overflow-x: overflow-y:)
hyphens:



example long word in a paragraph

blabla
x1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789

example long word in code snippet


blabla
x1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789



I use currently 


word-wrap:anywhere;


for the whole comment/item text/

and 


overflow:auto;

for code section

> Then, it's desirable to make this work with CSS-unaware browsers as well.
??? example? 

___

Reply to this item at:

  

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

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

[Peter Liscovius]

URL:
  

 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:

  

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