Steps:

1. Go to admin/config/content/formats/filtered_html
2. Click on any config button

Expected result:
dialog opens

Actual result:
Something appears to happen but dialog doesn't open (FPS on gif recorder to low to capture)

The chevron handles on admin items are not showing up in Backdrop. This is because a few CSS declarations for the Drupal version get supplied by Claro (the base theme for Drupal). Since we don't have a base theme for Backdrop I will add those in the Backdrop overrides file.

The "Sort by" section of pages (e.g. Install module) doesn't look like Gin yet:

Gin:

Current:

On the content edit form textarea has nice rounded corners etc. Once you switch to Plain HTML though, you get a plain square angled box, like the one above. Same for all other textareas.

Yeah, I love to see gin on backdrop.

When I was trying the Experimental Feature "Sidebar on edit form" I got the following error when used with the Menu Link Weight Module:

Argument 1 passed to _menu_link_weight_get_parent_value_from_element() must be of the type array, null given, called in */modules/menu_link_weight/menu_link_weight.module on line 109

Thank you.

This is a note (not for development in the theme itself) that it might be good to create a sidekick module to provide some options for bringing the Gin styling, etc. to the front end. In Drupal, the Gin Toolbar does this for that particular feature.

I was thinking of making it more generic, with checkboxes for the options that get added, e.g.:

Use Gin's styling on the front end for:

• [] Admin toolbar
• [] Modal dialogs
• etc.

In fact this module might be a good use for the conceptual name tonic!

Gin/Drupal converts the radio button to a Boolean Toggle.

@klonos on Zulip:

have you considered finding a way to keep the Backdrop-related overrides decoupled from the otherwise original Gin code? (in order to be able to more easily keep up with upstream changes)

Here's Seven:

Here's Gin/Backdrop currently:

Needs some spacing at the top (ie above "Publish action" in the image below), and a bit of spacing between individual items in the tab

Gin settings

At some point we'll need to go through and try to remove cruft that doesn't apply. I've left it in for now so we can adapt it as needed for the functionality and styles that are still to be completed.

Gin settings:

The drag handle should be floated left of the row content, not above

I get error in console

Uncaught TypeError: The element must be an instance of Element
    at u (once.js?v=1.25.x-dev:2:382)

themes/gin/js/libs/once.js

I've made a few modifications to a few layout templates which should probably be carried through the rest of the core layout templates.

There are some inline messages in various places (such as the dirty form warning and notification on the dashboard) that still have default styling:

If Tonic should keep more or less it's roots tied to Gin you could add me as a Co-Maintainer so I can contribute changes/fixes made upstream in Gin.

In Seven, clicking and AJAX link in the layout page causes the spinner to appear just below the dropbutton, but in Gin, the dropbutton expands below and the spinner appears within the dropbutton

Furthermore on flexible layout, clicking the configure button shows the dropbutton expanding below the pseudoblock.

Gin settings

On mobile view:

• Hamburger/menu link is misaligned
• Tabs need styling

Gin settings

The dropbutton styling needs a little work.

1. On very small widths, the menu doesn't fully collapse into mobile mode and obscures the page.
2. I wonder if we might be able to provide the current menu (roughly equivalent to "Horizontal, Modern Toolbar") and a vertical version of the same (roughly equivalent to "New Drupal Navigation, Test integration")

<!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system--main.tpl.php' -->

On my local the dialogs are partly hidden below the Admin Bar and I cant get to the X to close them.

You're more than welcome to keep the name «Gin» if you like.

The content edit page needs a look, and a determination on whether or how to implement the "vertical tabs in sidebar" approach taken in Gin:

Gin settings

I see a number of minor form tweaks needed, as visible on the "Add User" page:

e.g.

• Margin needed on the right side of the radio/checkbox
• Labels and descriptions are too dark and not matching Gin styles
• Strange background that I introduced on fieldset legend at one point should be removed

In Gin this is moved to the bottom of the View:

I thought I was being clever with moving the edit options into the sidebar, but in some early testing with Paragraphs it seems to cause issues with Ajax (e.g. collapse, remove Paragraphs). I'm going to move that sidebar functionality into a theme setting that is marked experimental, at least for now.

This is a META issue to document the current state of the migration work. Please note that currently the experience is very buggy as we have just started porting things over to Backdrop.

The following features have been already been ported or known to be needed:

• Gin settings
  • #97
  • #7
  • #19
  • Darkmode
  • Accent color
  • Focus color
  • Increase contrast
  • Layout density
• Admin Bar (part one - horizontal)
• Sticky header
• CKEditor
• Boolean Toggle
• #20
• #21
• #31
• #50

The layout block add pages and the flexible layout design pages aren't yet looking satisfactory.

I installed "Simple Environment Indicator" and the icons have very little contrast against the color. For the moment we can probably do a transparent white that would be more flexible in general on dark colors. I also noticed the Backdrop logo was repeating for some reason.

Before:

After:

Drupal Gin:

Current Backdrop Gin:

This probably makes sense as a theme setting.

Follow up from https://github.com/laryn/tonic/issues/8

Gin settings: