From 4c7d464f8bf2627ef7455596fde2ae5667e67a57 Mon Sep 17 00:00:00 2001 From: Chad Little Date: Wed, 8 Mar 2017 18:02:16 -0800 Subject: [PATCH] Fix firefox submenu arrows on action lists Summary: Fixes T12370. Moves this to be absolutely positions so the float doesn't mess up text-overflow layouts. Test Plan: Chrome, Safari, Firefox, mobile and desktop layouts of Maniphest submenus. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12370 Differential Revision: https://secure.phabricator.com/D17484 --- resources/celerity/map.php | 10 ++++---- webroot/rsrc/css/phui/phui-action-list.css | 28 ++++++++++++++++++++++ webroot/rsrc/css/phui/phui-button.css | 26 -------------------- 3 files changed, 33 insertions(+), 31 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index 3e1a4ac992..43bc338457 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -9,7 +9,7 @@ return array( 'names' => array( 'conpherence.pkg.css' => '6875302f', 'conpherence.pkg.js' => '6249a1cf', - 'core.pkg.css' => 'db710bcc', + 'core.pkg.css' => '49a02d1f', 'core.pkg.js' => '1fa7c0c5', 'darkconsole.pkg.js' => 'e7393ebb', 'differential.pkg.css' => '90b30783', @@ -128,13 +128,13 @@ return array( 'rsrc/css/phui/object-item/phui-oi-flush-ui.css' => '9d9685d6', 'rsrc/css/phui/object-item/phui-oi-list-view.css' => '5c383524', 'rsrc/css/phui/object-item/phui-oi-simple-ui.css' => 'a8beebea', - 'rsrc/css/phui/phui-action-list.css' => '29bb1c5e', + 'rsrc/css/phui/phui-action-list.css' => 'c01858f4', 'rsrc/css/phui/phui-action-panel.css' => '91c7b835', 'rsrc/css/phui/phui-badge.css' => '22c0cf4f', 'rsrc/css/phui/phui-basic-nav-view.css' => 'a0705f53', 'rsrc/css/phui/phui-big-info-view.css' => 'bd903741', 'rsrc/css/phui/phui-box.css' => '269cbc99', - 'rsrc/css/phui/phui-button.css' => 'd30999e4', + 'rsrc/css/phui/phui-button.css' => 'c55204db', 'rsrc/css/phui/phui-chart.css' => '6bf6f78e', 'rsrc/css/phui/phui-cms.css' => '504b4b23', 'rsrc/css/phui/phui-comment-form.css' => '48fbd65d', @@ -780,7 +780,7 @@ return array( 'path-typeahead' => 'f7fc67ec', 'people-picture-menu-item-css' => 'a06f7f34', 'people-profile-css' => '4df76faf', - 'phabricator-action-list-view-css' => '29bb1c5e', + 'phabricator-action-list-view-css' => 'c01858f4', 'phabricator-busy' => '59a7976a', 'phabricator-chatlog-css' => 'd295b020', 'phabricator-content-source-view-css' => '4b8b05d4', @@ -841,7 +841,7 @@ return array( 'phui-basic-nav-view-css' => 'a0705f53', 'phui-big-info-view-css' => 'bd903741', 'phui-box-css' => '269cbc99', - 'phui-button-css' => 'd30999e4', + 'phui-button-css' => 'c55204db', 'phui-calendar-css' => '477acfaa', 'phui-calendar-day-css' => '572b1893', 'phui-calendar-list-css' => '576be600', diff --git a/webroot/rsrc/css/phui/phui-action-list.css b/webroot/rsrc/css/phui/phui-action-list.css index 0a811cbab0..4569438d5a 100644 --- a/webroot/rsrc/css/phui/phui-action-list.css +++ b/webroot/rsrc/css/phui/phui-action-list.css @@ -165,3 +165,31 @@ margin-top: 8px; border-top: 1px solid {$thinblueborder}; } + +/******* Sub Menu *************************************************************/ + +.phabricator-action-view-submenu .caret-right { + position: absolute; + top: 8px; + right: 8px; + border-left-color: {$alphablue}; +} + +.phabricator-action-view-submenu .caret { + position: absolute; + top: 10px; + right: 8px; + border-top: 7px solid {$lightgreytext}; +} + +.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open + .phabricator-action-view-item { + background-color: rgba({$alphablue}, 0.07); + color: {$sky}; + border-radius: 3px; +} + +.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open + .phabricator-action-view-item .phui-icon-view { + color: {$sky}; +} diff --git a/webroot/rsrc/css/phui/phui-button.css b/webroot/rsrc/css/phui/phui-button.css index 75ad3c09e4..eca5a6254c 100644 --- a/webroot/rsrc/css/phui/phui-button.css +++ b/webroot/rsrc/css/phui/phui-button.css @@ -290,32 +290,6 @@ a.policy-control .phui-button-text { border-top-color: #000; } -.phabricator-action-view-submenu .caret-right { - float: right; - margin-top: 4px; - margin-right: 6px; - border-left-color: {$alphablue}; -} - -.phabricator-action-view-submenu .caret { - float: right; - margin-top: 5px; - margin-right: 4px; - border-top: 7px solid {$lightgreytext}; -} - -.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open - .phabricator-action-view-item { - background-color: rgba({$alphablue}, 0.07); - color: {$sky}; - border-radius: 3px; -} - -.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open - .phabricator-action-view-item .phui-icon-view { - color: {$sky}; -} - /* Icons */ .button.has-icon { position: relative;