Increase default PHUIXDropdownMenu width from 200px to 260px

@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.) hq.recaptime.dev/wiki/Phorge

phorge phabricator

fork atom

Summary:
Given the absolute CSS position of the global top bar search parent object, there is no reason to truncate search scope names that early.
Change `width: 200px` to `max-width: 260px`.

(I'd also generally like to advertise https://www.w3.org/International/articles/article-text-size.en)

Closes T16369

Test Plan: See steps in T16369; test on different screen widths

Reviewers: O1 Blessed Committers, mainframe98

Reviewed By: O1 Blessed Committers, mainframe98

Subscribers: mainframe98, tobiaswiese, valerio.bozzolan, Matthew, Cigaryno

Maniphest Tasks: T16369

Differential Revision: https://we.phorge.it/D26539

Andre Klapper 1 month ago 4fb5bb52 a3090e95

+5 -4

2 changed files

expand all

resources

celerity

map.php

webroot

rsrc

css

phui

button

phui-button.css

+3 -3

resources/celerity/map.php

··· 9 9 'names' => array( 10 10 'conpherence.pkg.css' => 'b2d6f4b8', 11 11 'conpherence.pkg.js' => '020aebcf', 12 - 'core.pkg.css' => 'bb0ad16f', 12 + 'core.pkg.css' => 'f5243f80', 13 13 'core.pkg.js' => '83c66b30', 14 14 'dark-console.pkg.js' => '187792c2', 15 15 'differential.pkg.css' => '0dac8831', ··· 117 117 'rsrc/css/layout/phabricator-source-code-view.css' => 'e994d13f', 118 118 'rsrc/css/phui/button/phui-button-bar.css' => 'a4aa75c4', 119 119 'rsrc/css/phui/button/phui-button-simple.css' => 'a9da7b2a', 120 - 'rsrc/css/phui/button/phui-button.css' => 'bca9bfe3', 120 + 'rsrc/css/phui/button/phui-button.css' => 'd7096b2c', 121 121 'rsrc/css/phui/calendar/phui-calendar-day.css' => '9597d706', 122 122 'rsrc/css/phui/calendar/phui-calendar-list.css' => 'ccd7e4e2', 123 123 'rsrc/css/phui/calendar/phui-calendar-month.css' => 'cb758c42', ··· 755 755 'phui-box-css' => 'd315719b', 756 756 'phui-bulk-editor-css' => '374d5e30', 757 757 'phui-button-bar-css' => 'a4aa75c4', 758 - 'phui-button-css' => 'bca9bfe3', 758 + 'phui-button-css' => 'd7096b2c', 759 759 'phui-button-simple-css' => 'a9da7b2a', 760 760 'phui-calendar-css' => '5dfee96b', 761 761 'phui-calendar-day-css' => '9597d706',

+2 -1

webroot/rsrc/css/phui/button/phui-button.css

··· 178 178 179 179 .phuix-dropdown-menu { 180 180 position: absolute; 181 - width: 200px; 181 + min-width: 200px; 182 + max-width: 260px; 182 183 background: {$page.content}; 183 184 margin-top: -1px; 184 185 padding: 12px;