search

selfthinker / dokuwiki_plugin_wrap

Wrap Plugin for DokuWiki: Universal plugin which combines functionalities of many other plugins. Wrap wiki text inside containers (divs or spans) and give them a class (choose from a variety of preset classes), a width and/or a language with its associated text direction.
http://www.dokuwiki.org/plugin:wrap
GNU General Public License v2.0
41 stars 33 forks source link

Column width - wrap underneath disable option #235

Open londoss opened 2 years ago

londoss commented 2 years ago

Hi,

current situation when you have 2 columns with width option will result wrap underneath each other on smaller screens (or big screen with high enlargement). I´m using 2 columns for text "bubble" and image. Underneath is not looking good. Could you add option for disable underneath?

Example https://archi.gov.cz/start

Thanks

Klap-in commented 2 years ago

I've tried a bit, I observe that if you use a larger screen, that the relative width of 80% and 15% is such, that including two margins of 1.5em (= together 3 em), it indeed just fits in the available page width. If the width of the browser window is reduced, both columns are scaled proportionally with 80% and 15% of the width. Of course, the remaining 5% in-between space is also scaled proportionally. But the width of the specified margins between the columns is still 3em. That margin is not scaled, or the width of the column is also not reduced by a fixed value to account for the fixed margins.

(note: If you reason from the user it would be more logic if he/she could use different width values that adds up to 100%, so 80% and 20% (instead of 80% and 15%, which accounts implicitly for the 3em margins).

I have not enough experience with a smarter way of handling these margins. So my proposal is that someone with more css experience thinks about an alternative approach.

londoss commented 2 years ago

Hi,

thank you for answer! Unfortunatelly if i use width 80% and 20% than "underneath function" is instant no matter what enlargement of screen is used. Max propotion which I could use is 80% and 17% without "underneath function" to be instant (it could be the problem of Bootstrap template too, I dont know).

Thanks everyone for advice.