different rendering of <ul> in okapi and pangolin templates

rolf · 2018-12-31 20:20:51

Hello.

After migrating my templates from ocapi to pangolin unordered nested lists are rendered different.

Please see following samples:
(Same content formated as markdown in ocapi and pangolin)

https://koerner-kunst.de/?page=pangolin
https://koerner-kunst.de/?page=ocapi

In ocapi everything is fine.
In pangolin there are no indents and when viewed on devices with the window smaller than 400px the bullet points are far to near to the left edge.

I am using backlight 1.2.2
I tested this on my cellphone and on my macbook Pro with chrome.

What is going wrong here?
How can I fix this?

Thank You in advance.
Best Wishes and Happy New Year to everybody
Rolf

Daniel Leu · 2018-12-31 22:21:50

There is a global css setting that invalidates the indents:

* {
    padding: 0;
}

I can get the indents back with following custom.css code:

.the__copy ul {
    padding-left: 1.5em;
}

rod barbee · 2018-12-31 23:09:43

strange. In my Backlight 1.2.3 (pangolin) test site, I see this rule for unordered lists:

ol, ul {
    padding-left: 32px;
}

for all browser widths.

I also tried your list html in my test site and it works as expected.

I don't see anything about updating ul or li html in the Backlight 1.2.3 changelog, but since you are using 1.2.2, you could try updating to 1.2.3

There is this item in the Backlight 1.2.2 v2 Changelog:
Changes 'list-style-position' property to 'inside' for LI elements

I don't know if that change will do anything for you, but I still suggest updating to Backlight 1.2.3 anyway.

Daniel Leu · 2018-12-31 23:50:06

rod barbee wrote:

I don't know if that change will do anything for you, but I still suggest updating to Backlight 1.2.3 anyway.

It's always good to use the latest version

rolf · 2019-01-02 01:25:32

First, Thank you very much, Daniel, that's it. I pasted the code into my custom.css and everything looks as expected.

@Rod:
initially i was about to update on to backlight 2. After migrating i realized, that there is this bug regarding Ocapi-based templates and the custom.css file. The css-file is being ignored. there was a post here on the support forum were this issue was discussed and someone sayed, (you, Rod?) there is no way to migrate ocapi to pangolin. They are different and you have to rebuilt everything in pangolin first. Thats what I have done (After restoring my site). I rebuilt my ocapi-templates and moved over to pangolin. now, I am read to update to backlight 2 and hopefullly everything turns out right ;-)

Or do you suggest to update to Backlight 1.2.3 first? And if so, where can I download it? I did not found it in my account ...

Thank you
Rolf

rod barbee · 2019-01-02 01:32:08

If you’re going to update to Backlight 2 then there’s probably no point in updating to 1.2.3 first.

Backlight 2 templates are Pangolin based so any Pangolin templates you’ve made will work fine in Backlight 2.

Backlight 2 can also use your old Okapi templates. They won’t have Pangolin features though.

You’d need to contact Matt about your account.

Community @ The Turning Gate

#1 2018-12-31 20:20:51

different rendering of <ul> in okapi and pangolin templates

#2 2018-12-31 22:21:50

Re: different rendering of <ul> in okapi and pangolin templates

#3 2018-12-31 23:09:43

Re: different rendering of <ul> in okapi and pangolin templates

#4 2018-12-31 23:50:06

Re: different rendering of <ul> in okapi and pangolin templates

#5 2019-01-02 01:25:32

Re: different rendering of <ul> in okapi and pangolin templates

#6 2019-01-02 01:32:08

Re: different rendering of <ul> in okapi and pangolin templates

Board footer