Search

Improve search box style. Views search exposed filters:

Search box style

Need to find a way to have the dropbutton hover over other items when it expands. Currently it expands the element in place and pushes things around. Consider where this is displayed - manage display, content listing, views admin.

Dropbutton absolute position

CKEditor allows aligning images and media. This code is in align.module.css, added by the system/base library. /** * Alignment classes for block level elements (images, videos, blockquotes, etc.) */ .align-left { float: left; } .align-right { float…

Image alignment

Custom icons Ex Used for dialog close and multi value form remove Modules https://www.drupal.org/project/ui_icons https://www.drupal.org/project/iconify_icons

Icons

Fields that allow multiple values render a draggable table and have add/remove buttons. Replaced item remove button with x icon. Prevent field from overflowing.

Multiple Value Form

Buttons Form actions Link button Link button

Buttons

typography.css .site-name { --link-text-decoration-line: none; font-size: var(--site-name-font-size); line-height: var(--site-name-line-height); }page.twig <header role="banner"> {{ page.header }} {{ page.menu }} <div class="menu-…

Site Header

There are a few forms that use tabledrag. Multiple value entity references, block layout form. CSS is added in system/admin css library. Starterkit adds trabledrag.css. Also have a custom svg icon to use.

Tabledrag icon position

I used fences on a site and copied the field template. It needs to be enabled for the template to work correctly. Is there a way to toggle usage of the template if it's enabled?

Fences module required for field template

The dropbutton element is used in admin forms. Change record: Added dropbutton_type setting for specifying dropbutton variant. #dropbutton_type renders as .dropbutton--<TYPE> class. TODO: work on dropbuttons in views ui.

Dropbutton