mediawiki-skins-Vector/includes/Components/VectorComponentDropdown.php
bwang 8db112ddb3 Fix dropdown icon markup to match Codex button
- Fixes TOC button being transparent (https://jmp.sh/jbuivqlM). FYI the fixed width toggle button has the same issue.
- Add replace `html-vector-heading-icon` with Icon.mustache

Bug: T320453
Depends-on: I9a990ea8de63fb336391bea11b4503d447fb9d4f
Change-Id: I39397f8e98f79a2fdde9a8d785690133ea5a2619
2023-02-21 12:41:44 -06:00

57 lines
1.4 KiB
PHP

<?php
namespace MediaWiki\Skins\Vector\Components;
/**
* VectorComponentDropdown component
*/
class VectorComponentDropdown implements VectorComponent {
/** @var string */
private $id;
/** @var string */
private $label;
/** @var string */
private $class;
/** @var string */
private $tooltip;
/** @var string|null */
private $icon;
/**
* @param string $id
* @param string $label
* @param string $class
* @param string|null $icon
* @param string $tooltip
*/
public function __construct( string $id, string $label, string $class = '', $icon = null, string $tooltip = '' ) {
$this->id = $id;
$this->label = $label;
$this->class = $class;
$this->icon = $icon;
$this->tooltip = $tooltip;
}
/**
* @inheritDoc
*/
public function getTemplateData(): array {
// FIXME: Stop hardcoding button and icon styles, this assumes all dropdowns with icons are icon buttons
// Not the case for the language dropdown, page tools, etc
$icon = $this->icon;
$headingClass = $icon ?
'mw-checkbox-hack-button mw-ui-button mw-ui-quiet mw-ui-icon-element ' : '';
return [
'id' => $this->id,
'label' => $this->label,
'heading-class' => $headingClass,
'icon' => $this->icon,
'html-vector-menu-heading-attributes' => '',
'html-vector-menu-checkbox-attributes' => '',
'class' => $this->class,
'html-tooltip' => $this->tooltip,
'checkbox-class' => '',
];
}
}