See this comment in forum:
https://forum.backdropcms.org/comment/2929#comment-2929

"I selected Tatsu 1.x-1.0.5 as the theme because it is full width, and appears to be Bootstrap (although it doesn't specify which version of Bootstrap)."

We should document which version of Bootstrap is included.

Creating this ticket in response to a question in the forum.
https://forum.backdropcms.org/forum/theme-built-slideshowcarousel-function

First step is to determine what it would mean for Tatsu to support a slideshow or carousel? Does that mean building the entire functionality into Tatsu or simply making sure that Tatsu works with an already existing module?

It appears some CSS and JS Bootstrap files are being called for locally and not being found.

To reproduce:

1. Enable Tatsu and set as default theme.
2. Go to the Home page and examine the HTML in your favorite web inspector. You should see two 404 errors for:

http://mysite/themes/tatsu/css/bootstrap/bootstrap.min.css.map
http://mysite/themes/tatsu/js/bootstrap.bundle.min.js.map

Adding these files from the Bootstrap 4.3.1 repository (to match the existing bundled CSS and JS) fixes the problem.

PR to follow.

We need to go through the CSS provided by BASIS and keep a file with all the CSS that is effected by the color module. The rest can be inherited from BASIS. But, we need the color module in Tatsu to have access to all the classes that it needs to change.

From: #18

There is a 1px grey border-bottom visible on the first item in the primary menu. It appears to be related to code in css/basis-component-colors.css

`/* components/menu-dropdown.css */

.js .menu-dropdown li,
.js .menu-dropdown a.has-submenu.highlighted {
border-bottom: 1px solid #bbbbbb;
}
`

It only appears on the first item "Home" and shows even when another item is selected. Removing the line appears to fix the issue.

I am testing some modules and found this situation, where the masquerade and private messages modules both added custom links to the profile page. They are rendered very poorly.

I think we could better prepare for this and I'm going to try to add a PR to fix this.

Atten @Wylbur

Details
TYPE page not found
DATE Monday 7th August 2023 - 10:27
USER
LOCATION https://site.lndo.site/themes/tatsu/images/add.png
REFERRER https://site.lndo.site/themes/tatsu/css/skin.css?rz0ktr
MESSAGE themes/tatsu/images/add.png
SEVERITY warning
HOSTNAME 172.20.0.2
OPERATIONS

I don't think that you can change the hover color of links yet through color module support. I'd like to add that feature. Currently the hover color is not working well on my own site http://www.triplo.co and our goal is to not make any customizations to the CSS other than what we add back to the contrib theme.

I'm not sure if this is the best way to handle this. However, I wanted to provide color module support for a layout with multiple hero regions.

I could simply offer this layout on it's own in contrib, but since I've added color support for regions contained, I've decided to try and add the layout to the theme.

Please, provide feedback if this is a bad idea.

Is there a plan to have a release of 1.2 so it can be installed through the interface rather than having to manually download and upload the files?

In issue #18 I decided to make Tatsu a sub-theme of Basis, based in part on encouragement from others. The idea was that Tatsu could inherit improvements and bug fixes from Basis.

Current work/experimentation with color module, makes me think we are making significant enough changes to Tatsu from Basis that the drawbacks of being a sub-theme may outweigh the benefits.

Let's add SASS support to this theme.

Starting to make some big changes and don't want to break things for anyone that might be using this theme already. Will try to keep 1.x-1.x a bit more stabile while taking next steps with 1.x-2.x

Is there a way that upon install of this module theme we can set the default menu in header block to 'Primary navigation' and disable the 'primary navigation' block?

Steps to reproduce

1. Start with a site with at least one page that has its menu entry as a child of the top level of the primary navigation
2. Install Tatsu 1.2 (might apply to released version but stopped using that) and set default
3. view menu

Expected result

down arrow appears to right of menu item

Actual result

small dot appears to right of menu item

Cause

basis-component-colors.css is overriding the configured CSS. Pull request to follow.

Maybe I'm getting ahead of the curve, but I'd love to have a custom logo for Tatsu. Maybe some Dragon related as that is how we came to the name Tatsu. It's named after a Dragon. There is also a Six Flags roller coaster with the same name.

"The modern Japanese language has numerous "dragon" words, including indigenous Tatsu from Old Japanese ta-tu, Sino-Japanese ryū or ryō 竜 from Chinese lóng 龍, nāga ナーガ from Sanskrit nāga, and doragon ドラゴン from English "dragon" (the latter being used almost exclusively to refer to the European dragon and derived fictional creatures)."

https://en.wikipedia.org/wiki/Japanese_dragon

Maybe we could use this for inspiration, it must be in the public domain. Just posting this in case anyone else is inspired.

I added the Bootstrap CSS and JS libraries today to help with mobile friendly menus. Not sure if we should keep these libraries. Will see if make use of them in other ways.

I want to create a row between two Hero Rows with blocks that automatically fill the height between the the two rows.

I would like for a site editor to be able to create two full width blocks on the home page of the site with custom content in each and then be able to use the color module (theme settings) to select a different color background for each one.

See here:

This is currently possible in the Tatsu theme, but I am looking for feedback on whether or not there is a better way to do this. I will describe the current solution in the first comment.

Short of creating a UI for site editors to adjust the height of hero images or change the width of some text panels, I've started to create some classes that editors can add to blocks or regions to effect their display.

I'm wondering what other classes might be useful in the short term (maybe we can replace these with actual UI config)?

I would also like to look at existing libraries rather than recreate these from scratch. Other people have put more thought into this. Ideas?

Would adding bootstrap be an obvious option? Does it have what I am looking for?

Here are my initial ideas.
See tatsu/css/custom/tatsu-classes.css

• hero-large (default - height: 600px)
• hero-medium (default - height: 400px)
• hero-small (default - height: 200px)
• hero-extra-small (default - height: 100px)
• content-narrow {padding-left: 30%; padding-right: 30%;}
• content-medium {padding-left: 20%; padding-right: 20%;}
• content-wide {padding-left: 10%;padding-right: 10%;}
• content-center {text-align: center;}

Also, I'm open to naming suggestions. I will try to do research on this soon, but welcome input.

This may not be a specific Tatsu issue. Having installed and enable the Tatsu-1.x-2.x theme manually when going to the available updates report (/admin/reports/updates) it surprising that the theme is not listed at all.

Something like what ZEN has (Drupal 7).

See here for a list of current Backdrop CMS themes, with notes saying which ones have starter kits.
https://docs.google.com/spreadsheets/d/15Cmp7jRsA_rpNXYPKsE1fNRGwjlu-m7rlKzIoirRJJI/edit#gid=0

FYI

Inspired by this experimental feature in Pelerine theme.
backdrop-contrib/pelerine#5

Any feedback on this?

As I started to experiment with a sub-theming starter kit this weekend, it occurred to me that maybe a sub-theme should be required for things like color module support. Why keep copies of the color module file in both Tatsu and the sub-theme, if we expect most/all users to create a sub-theme.

#1) When I completely moved color module support to the sub-theme, I ran into technical problems
#2) As I think about use cases, I can imagine that some users will be able to benefit from Tatsu without the need or skills to create a sub-theme. I don't think I want to require that, but I'm open to feedback.

Created this issue to get feedback, but I don't think I want to require users to create a sub-theme if they use Tatsu.

Have you tried Tatsu? Are you using Tatsu?

Please, leave a note hear with your feedback or comments.
I'd like like to hear if anyone is using it and if not, why not (recognizing that it's still a little rough).

Adding a ticket that includes updated items for the new 1.2 release.

Things to update before 1.x-2.x release

• Updated Screenshot
• Update Readme

We borrowed code from the Pelerine theme to provide a custom CSS block in Tatsu.

However, this UI is not very nice, because of the narrow width of the field. It would be nice to make it full width as it appears in Pereline.

I don't think we can use the same solution, because Pereline is not using the color module and has solved this problem by creating it's own custom preview and putting it in the same column as the other settings - then using CSS to float left and right.

By default, we can't do the same with the color module preview, because it is rendered in a different div by default.

Any ideas on how to fix this that will work with the Color Module preview?

@klonos asked in Gitter why I choose to fork the code from Basis rather than creating Tatsu as a sub theme of Basis.

Initially, I just thought it would give me more control over the theme and I did not see a large benefit in making it a sub-theme. I think my experience in Drupal was was creating sub themes off of other contrib themes and I did not want to require users to install two different themes. But, because basis is in core - that distinction is not relevant. From a user point of view it will work the same as sub-theme or stand alone theme.

I am reconsidering my decision and may make Tatsu a sub theme of Basis.

Comments?

In 1.19.4 the color module notification got some attention -- Tatsu may need some slight tweaking on the Tatsu settings page when the Color module is not enabled (to avoid duplicated messages). See:

• backdrop/backdrop-issues#3458

Just found this quick tip on how to add theme debug option to a themes settings page.

I think I'll add it to Tatsu. Any comments?

backdrop/backdrop-issues#1052 (comment)