@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
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

Notications mobile menu

Summary: Adding CSS so the notifications menu renders over content on mobile, also it was sort of broken at some point.

Test Plan: Tested Mobile, Tablet and regular layouts.

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5424

+54 -46
+39 -39
src/__celerity_resource_map__.php
··· 2979 2979 ), 2980 2980 'phabricator-notification-menu-css' => 2981 2981 array( 2982 - 'uri' => '/res/b7cc25af/rsrc/css/application/base/notification-menu.css', 2982 + 'uri' => '/res/bc245b67/rsrc/css/application/base/notification-menu.css', 2983 2983 'type' => 'css', 2984 2984 'requires' => 2985 2985 array( ··· 3686 3686 ), array( 3687 3687 'packages' => 3688 3688 array( 3689 - 'ebd26861' => 3689 + '3f552ecc' => 3690 3690 array( 3691 3691 'name' => 'core.pkg.css', 3692 3692 'symbols' => ··· 3728 3728 34 => 'phabricator-object-item-list-view-css', 3729 3729 35 => 'global-drag-and-drop-css', 3730 3730 ), 3731 - 'uri' => '/res/pkg/ebd26861/core.pkg.css', 3731 + 'uri' => '/res/pkg/3f552ecc/core.pkg.css', 3732 3732 'type' => 'css', 3733 3733 ), 3734 3734 '95ceba95' => ··· 3919 3919 'reverse' => 3920 3920 array( 3921 3921 'aphront-attached-file-view-css' => 'c41b4907', 3922 - 'aphront-dialog-view-css' => 'ebd26861', 3923 - 'aphront-error-view-css' => 'ebd26861', 3924 - 'aphront-form-view-css' => 'ebd26861', 3925 - 'aphront-list-filter-view-css' => 'ebd26861', 3926 - 'aphront-pager-view-css' => 'ebd26861', 3927 - 'aphront-panel-view-css' => 'ebd26861', 3928 - 'aphront-table-view-css' => 'ebd26861', 3929 - 'aphront-tokenizer-control-css' => 'ebd26861', 3930 - 'aphront-tooltip-css' => 'ebd26861', 3931 - 'aphront-typeahead-control-css' => 'ebd26861', 3922 + 'aphront-dialog-view-css' => '3f552ecc', 3923 + 'aphront-error-view-css' => '3f552ecc', 3924 + 'aphront-form-view-css' => '3f552ecc', 3925 + 'aphront-list-filter-view-css' => '3f552ecc', 3926 + 'aphront-pager-view-css' => '3f552ecc', 3927 + 'aphront-panel-view-css' => '3f552ecc', 3928 + 'aphront-table-view-css' => '3f552ecc', 3929 + 'aphront-tokenizer-control-css' => '3f552ecc', 3930 + 'aphront-tooltip-css' => '3f552ecc', 3931 + 'aphront-typeahead-control-css' => '3f552ecc', 3932 3932 'differential-changeset-view-css' => '8aaacd1b', 3933 3933 'differential-core-view-css' => '8aaacd1b', 3934 3934 'differential-inline-comment-editor' => '322728f3', ··· 3942 3942 'differential-table-of-contents-css' => '8aaacd1b', 3943 3943 'diffusion-commit-view-css' => 'c8ce2d88', 3944 3944 'diffusion-icons-css' => 'c8ce2d88', 3945 - 'global-drag-and-drop-css' => 'ebd26861', 3945 + 'global-drag-and-drop-css' => '3f552ecc', 3946 3946 'inline-comment-summary-css' => '8aaacd1b', 3947 3947 'javelin-aphlict' => '95ceba95', 3948 3948 'javelin-behavior' => 'fe22443b', ··· 4014 4014 'javelin-util' => 'fe22443b', 4015 4015 'javelin-vector' => 'fe22443b', 4016 4016 'javelin-workflow' => 'fe22443b', 4017 - 'lightbox-attachment-css' => 'ebd26861', 4017 + 'lightbox-attachment-css' => '3f552ecc', 4018 4018 'maniphest-task-summary-css' => 'c41b4907', 4019 4019 'maniphest-transaction-detail-css' => 'c41b4907', 4020 4020 'phabricator-busy' => '95ceba95', 4021 4021 'phabricator-content-source-view-css' => '8aaacd1b', 4022 - 'phabricator-core-buttons-css' => 'ebd26861', 4023 - 'phabricator-core-css' => 'ebd26861', 4024 - 'phabricator-crumbs-view-css' => 'ebd26861', 4025 - 'phabricator-directory-css' => 'ebd26861', 4022 + 'phabricator-core-buttons-css' => '3f552ecc', 4023 + 'phabricator-core-css' => '3f552ecc', 4024 + 'phabricator-crumbs-view-css' => '3f552ecc', 4025 + 'phabricator-directory-css' => '3f552ecc', 4026 4026 'phabricator-drag-and-drop-file-upload' => '322728f3', 4027 4027 'phabricator-dropdown-menu' => '95ceba95', 4028 4028 'phabricator-file-upload' => '95ceba95', 4029 - 'phabricator-filetree-view-css' => 'ebd26861', 4030 - 'phabricator-flag-css' => 'ebd26861', 4031 - 'phabricator-form-view-css' => 'ebd26861', 4032 - 'phabricator-header-view-css' => 'ebd26861', 4033 - 'phabricator-jump-nav' => 'ebd26861', 4029 + 'phabricator-filetree-view-css' => '3f552ecc', 4030 + 'phabricator-flag-css' => '3f552ecc', 4031 + 'phabricator-form-view-css' => '3f552ecc', 4032 + 'phabricator-header-view-css' => '3f552ecc', 4033 + 'phabricator-jump-nav' => '3f552ecc', 4034 4034 'phabricator-keyboard-shortcut' => '95ceba95', 4035 4035 'phabricator-keyboard-shortcut-manager' => '95ceba95', 4036 - 'phabricator-main-menu-view' => 'ebd26861', 4036 + 'phabricator-main-menu-view' => '3f552ecc', 4037 4037 'phabricator-menu-item' => '95ceba95', 4038 - 'phabricator-nav-view-css' => 'ebd26861', 4038 + 'phabricator-nav-view-css' => '3f552ecc', 4039 4039 'phabricator-notification' => '95ceba95', 4040 - 'phabricator-notification-css' => 'ebd26861', 4041 - 'phabricator-notification-menu-css' => 'ebd26861', 4042 - 'phabricator-object-item-list-view-css' => 'ebd26861', 4040 + 'phabricator-notification-css' => '3f552ecc', 4041 + 'phabricator-notification-menu-css' => '3f552ecc', 4042 + 'phabricator-object-item-list-view-css' => '3f552ecc', 4043 4043 'phabricator-object-selector-css' => '8aaacd1b', 4044 4044 'phabricator-paste-file-upload' => '95ceba95', 4045 4045 'phabricator-prefab' => '95ceba95', 4046 4046 'phabricator-project-tag-css' => 'c41b4907', 4047 - 'phabricator-remarkup-css' => 'ebd26861', 4047 + 'phabricator-remarkup-css' => '3f552ecc', 4048 4048 'phabricator-shaped-request' => '322728f3', 4049 - 'phabricator-side-menu-view-css' => 'ebd26861', 4050 - 'phabricator-standard-page-view' => 'ebd26861', 4049 + 'phabricator-side-menu-view-css' => '3f552ecc', 4050 + 'phabricator-standard-page-view' => '3f552ecc', 4051 4051 'phabricator-textareautils' => '95ceba95', 4052 4052 'phabricator-tooltip' => '95ceba95', 4053 - 'phabricator-transaction-view-css' => 'ebd26861', 4054 - 'phabricator-zindex-css' => 'ebd26861', 4055 - 'sprite-apps-large-css' => 'ebd26861', 4056 - 'sprite-gradient-css' => 'ebd26861', 4057 - 'sprite-icon-css' => 'ebd26861', 4058 - 'sprite-menu-css' => 'ebd26861', 4059 - 'syntax-highlighting-css' => 'ebd26861', 4053 + 'phabricator-transaction-view-css' => '3f552ecc', 4054 + 'phabricator-zindex-css' => '3f552ecc', 4055 + 'sprite-apps-large-css' => '3f552ecc', 4056 + 'sprite-gradient-css' => '3f552ecc', 4057 + 'sprite-icon-css' => '3f552ecc', 4058 + 'sprite-menu-css' => '3f552ecc', 4059 + 'syntax-highlighting-css' => '3f552ecc', 4060 4060 ), 4061 4061 ));
+15 -7
webroot/rsrc/css/application/base/notification-menu.css
··· 7 7 font-size: 11px; 8 8 word-wrap: break-word; 9 9 overflow-y: auto; 10 + box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5); 11 + border: 2px solid #33393d; 12 + border-top-width: 0; 13 + border-radius: 3px; 10 14 } 11 15 12 16 .phabricator-notification-menu-loading { ··· 15 19 color: #888888; 16 20 } 17 21 18 - .device-desktop .phabricator-notification-menu { 22 + .device-desktop .phabricator-notification-menu, 23 + .device-tablet .phabricator-notification-menu { 19 24 position: fixed; 20 25 width: 360px; 21 26 top: 42px; 22 - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5); 23 - 24 - border: 2px solid #33393d; 25 - border-top-width: 0; 26 - border-radius: 3px; 27 27 } 28 28 29 - .device .phabricator-notification-menu { 29 + .device-phone .phabricator-notification-menu { 30 30 border-bottom: 1px solid #222222; 31 + width: 94%; 32 + max-width: 390px; 33 + top: 42px !important; 34 + left: 3% !important; 35 + position: absolute; 36 + 31 37 } 32 38 33 39 .phabricator-notification { ··· 68 74 font-weight: bold; 69 75 background: #f7f7f7; 70 76 border-top: 1px solid #e9e9e9; 77 + border-bottom-left-radius: 3px; 78 + border-bottom-right-radius: 3px; 71 79 padding: 6px; 72 80 }