Search
Item list
Used for Create account/Reset password links on login form.
Dropbutton
Used in views entity operations (admin content list), views UI.
Needs work on absolute positioning.
Components
Drupal has these CSS layers:
Base
Layout
Component
State
Theme
Drupal libraries that load CSS define which layer each file is in. This sets the order they are loaded so cascading styles work correctly.
When a page is loaded, Drupal determines the…
CSS Aggregation
Extend views_ui/admin.styles library, fixes in views_ui.admin.theme.css.
libraries/drupal/views_ui.admin.theme.css
Contains some overrides for dropbuttons.
Overrides are complicated and could be reworked.
Issues
Claro has a few fixes and…
Views Admin
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.
Comments
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
Toolbar
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