Category: Theme: Look & feel, Styles, CSS, Theme Control Center

When the site layout is set to "Classic Bootstrap (fixed top navbar)", and a site's title and subtitle is given, then the those will be shown twice.


Screenshot:
https://i.postimg.cc/RqrgKmXy/Tiki21-site-title.jpg


Steps for reproduction:
* Fresh install of Tiki21
* Look&Feel: Switched to site layout "Classic Bootstrap (fixed top navbar)"
* Removed the logo link
* Added title and subtitle

That's it.
Then you should get, what is shown on the screenshot.

This bug is also present in Tiki20.1.

This is a Bootstrap Sandbox instance using the Default Tiki Theme.

Issues can be reported here:
http://themes.tiki.org/tracker2

Bootstrap Sandbox with redacted data. Installed Amelia Bootswatch theme in order to see what elements have not yet been converted to Bootstrap Components.

Issues can be reported here:
http://themes.tiki.org/tracker2

From my understanding and after a discussion with Gary.

Tiki25 is supposed to work with bootstrap 5.2.x
Tiki26 is supposed to work with bootstrap 5.3.x

As discussed in the matrix chat, it seems that setup.sh / composer has been updated to use Tiki26 dependencies.

{CODE()}
Bernard Sfez
I'm setting a theme on a brand new tiki25. (from git)
I'm facing several issues about Undefined variable...

$primary-text-emphasis-dark
$primary-bg-subtle-dark:
...

$min-contrast-ratio: 1.8

I tried to compile as is the tuften them and I have the same errors...

Some collisions between bootstrap5.2 tiki25 and tiki26 ?
---
gary_c-l
Those variables are new in Bootstrap 5.3, to support color modes .../...
---
Bernard Sfez
I see that tuften v25 is different from tuften v26 (variable_dark and others are missing)
---
gary_c-l
Interesting. I'm going to try compiling Tiki 25 Tuften in a Tiki 25 instance here.
gary_c-l
Well, tuften compiles without errors here, in branch 25.
---
Bernard Sfez
... did you run setup.sh ?
It is possible that the vendor package is updated (for bs5.3)
gary_c-l
Yeah, I didn't run setup .sh. The Bootstrap version in vendor is Bootstrap v5.2.2, in my branch 25 instance. Maybe composer isn't configured right, if setup .sh results in having the wrong Bootstrap files for branch 25.
{CODE}

Tiki25 code (composer packages) that is our last stable version should not be changed by Tiki26 requirement.

Tiki25 being the only Stable version between Tiki24 (old) and Tiki25 (unstable) it should be at least working as it was,
---
Below, just after a second fresh install (nothing else was done, not preference changed) I tried to compile an existing theme.
{img fileId="2065" thumb="box"}

{syntax type="tiki" editor="plain"}
Currently in master, the horizontal borders on table cells that contain check boxes aren't displaying. Removing the "position: relative" property from these cells solves the problem (the borders display, like those on the other cells in the table row). I would like to remove this property but don't know what its purpose is, or when it was added. (It's not a Bootstrap rule - it was added in themes/base_files/_tiki-tabs_and_tables.scss.)

Apparently related to https://gitlab.com/tikiwiki/tiki/-/commit/ea3869d71c9ede4765d06a336ac0f5233c7d1f80 .

When I disable it, I don't see a negative effect in desktop or mobile view, only the positive effect of the border displaying again. If someone knows the reason for this property, it would be great if they could switch to an alternative solution that doesn't mess up the table display. If no one knows the reason, I'll comment out the rule in the SCSS file.

The browser tab favicon settings are missing. They used to be in tiki-admin.php?page=look under "Miscellaneous".
And once a path was assigned, a choice had to be made what type of file is your favicon, such .ico, .png etc.

At this point, a browser tab favicon cannot be chosen through admin/look and feel.
Please see screen shot of what it used to look like at the admin/look and feel/miscellaneous
{img fileId="1125" thumb="box"}

The business theme has a monochrome grey/white background showing a plant. Usually the grey is as large as the content, but this is not the case for some wiki pages in branch 15.x as of r60042, as can be seen in the attached screenshot. This can be trivially reproduced with the "Test" page created by the collaborative community profile, or with a page which simply contains "foo".

While this may have no functional impact, I consider the impact on the look as a show-stopper. The icons top right (such as for editing) can display outside the background.

This would not happen in 12.x. This persists in trunk. It happens in 2 browsers on 2 tested (Iceweasel and Chromium).

The description of control panels is nearly unreadable when using the business theme due to insufficient contrast. The text is a light gray on a white background.

For example, as can be seen in the attached screenshot, in tiki-admin.php?page=look, the description "Theme selection, layout settings and UI effect controls" is almost unreadable.

This happens in 15.x as of r60042 and affected trunk.

Removing the color property for the rule on class help-block solves, but that class is used in numerous places.

Calendar is missing from the theme control center

Running brtiki theme on Tiki 1.9.7. The title of the calendar module displays in black, which is illegible against the dark green background. All other modules tested under this theme display their titles in white text against the green background.

http://tikiwiki.org/tiki-calendar.php -> calendar overlaps on right column

I tried andreas09 theme on themes.tikiwiki.org. When viewing the calendar, the menues the 2nd level is displayed behind the calendar. This applies to other themes as well - e.g. FMSC.

{syntax type="tiki" editor="plain"}
This is about the popup menus in the top part of the page and applies to several of the default themes in version 6.

In many of the themes, there seems to be a gap between the menu heading and the popup such that when the mouse is moved down to access a popup menu, the menu disappears, making it nearly impossible to access!

A theme example is Arcturus - Amette, but that is not the only one, no the worst.

This happens on both Safari and OmniWeb.

It is actually possible to access the popup with some practise. There seems to be some flag toggling going on as well because it can be made easier if the popping up is reset in some way.

Karl

Please see https://www.evernote.com/shard/s37/sh/e4c40e6b-3a7e-4e43-8b9d-49ea513a7686/fc55510af5840ca1143ff0f9506f2b27.

I think it needs to have a darker red background or something. or text can just be black - see related [item5277]

http://sourceforge.net/tracker/index.php?func=detail&aid=1175645&group_id=64258&atid=506846

When the Strasa theme is selected, the tiki edit structure page is unusable. The Page Alias box(es) background is the same color as the text within. Making the text invisible on the screen and thus impossible to edit / update / review.

On the convene plugin the month selection arrow are not visible until you move over. Today’s date is not shown anymore.

It may after other areas than the convene plugin.
Can be tested here : https://dev.tiki.org/Improving-and-fixing-tiki.org-using-Tiki-22

Steps to reproduce:
#Go to https://tiki.org/News
#Go to https://tiki.org/article452-Tiki-18-1-has-been-released-fixes-and-security-update
#Click "New Article"
#Enter a TEST title, Classification > Topic Releases and Patches, Publication > __uncheck the "Published" checkbox!__
#Click the "Save" button

You get switched back to default perspective. When you switch back to the first tab "Content" you see the form content is gone and the rest of the tabs got reset to the defaults as when you start editing new article... :(

{syntax type="tiki" editor="plain"}
When using the TIKINEWT.CSS theme with version 3.0 RC1, on some administration screens, like USERS tiki-adminusers.php, or USER CONTACTS PREFERENCE tiki-user_contacts_prefs.php, the main part of the content division is too high, and covers the TABS for that particular page.

This is not a problem if TABS are not used. This does not appear when using another THEME, such as THENEWS.CSS

You can see the issue on hovering the "Slider doesn't work" issue title on https://dev.tiki.org/Wishlist+Search+Page?default%5Bcontent%5D=Slider

{img fileId="1524" thumb="box"}

The new feature n 18.x "[https://doc.tiki.org/tiki18#Multilevel_style_numbering_for_ordered_lists|Multilevel style numbering for ordered lists]" is broken (not working) in 19.x and trunk...
I suspect some CSS/classes have changed.

Bundled themes readiness, see ''New Css Entities'', Fix broken themes ((tw:RecipeRestoreCss))

I pick one of the themes included in Tiki (Codex.css for example). It is almost perfect for my needs. I would like to make a few modifications, which are not appropriate to share with the Tiki project.

A- If I edit the styles/codex.css, I will have to redo my change again at each upgrade.
B- If I duplicate styles/codex.css to styles/mycustomtheme.css, I will not be taking advantage of any future enhancements to the theme.

It is not possible to put CSS information as Custom code in Site Identity.

The other benefit is to distribute css adjustments via profiles, like:
http://profiles.tikiwiki.org/site_width

1- Smarty doesn't like the curly brackets used in CSS. {literal} bla bla {/literal} could be used to get around this
2- It is not in <head> </head>

I jsut tested by putting the code below as Custom code in Site Identity and it works :-)
{img src=images/code.png}%%% {CODE()}
{literal}
<style type="text/css">
body { background-color: blue; }
p { color: yellow; }
</style>
{/literal}
{CODE}


Entering CSS "as-is" with curly brackets in Site Identity and having it render as internal CSS could be a solution.
http://www.tizag.com/cssT/internal.php

or maybe a custom.css should be maintained, and cached from this data.


Related:
http://dev.tikiwiki.org/tiki-view_tracker_item.php?itemId=1014
http://dev.tikiwiki.org/tiki-view_tracker_item.php?itemId=1178

When I upgraded this site:

http://alaindesilets.org/MyPublicSite/tiki-view_blog.php?blogId=1

from 6.1 to 7.1, the layout got screwed up (I'm using the DarkRoom theme).

Before the upgrade, the layout looked like this:

* [http://dev.tiki.org/tiki-browse_image.php?imageId=125]

After the upgrade, it now looks like this:

* [http://dev.tiki.org/tiki-browse_image.php?imageId=126]

Notice how the position of the login and the search forms changed, and how it looks weird in the TW 7.1 version (plus, it causes a lot of waste in screen realestate).

dev.t.o 13.x: add some scrollbar at the top of wide tables in Bootstrapped themes, since they look as with less content for new users or unexperienced visitors

Example: see for instance
http://dev.tiki.org/tiki-tracker_view_history.php?itemId=5162

{img fileId="940" thumb="y" width="600" rel="box[g]"}

Column related to new content is not shown, and there is no clear indication that some more content is hidden in the right-hand side of that table.

New: A library has been found to solve this problem: [https://www.jqueryscript.net/other/Double-Scrollbar-For-Scrollable-Container-jQuery-DoubleScroll.html] . License is MIT.