Search
Comments
Comment form dropdown
Added details wrapper around new comment form.
New marker color
Enable history module to display the new marker.
Comment action links use the links__comments theme hook.
Toolbar
Last admin toolbar update caused visual issues with the toolbar, so I simplified it. Then the change was reversed and now it has color issues. TODO, fix.
Tracking this issue: https://www.drupal.org/project/admin_toolbar/issues/3286466
Search box style
Improve search box style.
Views search exposed filters:
Dropbutton absolute position
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.
*This…
Image alignment
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…
Icons
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
Multiple Value Form
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.
Buttons
Buttons
Form actions
Link button
Link button
Remove button
Theme hook suggestion: input__submit__remove_button.
SVG in template.
Was applied via hook_theme_suggestions_input_alter(), but was too broad.
Site Header
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-…
Tabledrag handle/changed icon position
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.
TODO: Review margin/padding styles.
Insert…