@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.

CSS: Add "clip-path" to deprecated "clip" property

Summary:
Add "clip-path" as progressive enhancement for deprecated "clip" property to be more future-proof.
See the Phorge task for details.

Closes T16046

Test Plan: Probably browse Phorge pages which use FontAwesome icons, plus test with a screenreader software? (I didn't.)

Reviewers: O1 Blessed Committers, valerio.bozzolan

Reviewed By: O1 Blessed Committers, valerio.bozzolan

Subscribers: tobiaswiese, valerio.bozzolan, Matthew, Cigaryno

Maniphest Tasks: T16046

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

+13 -5
+5 -5
resources/celerity/map.php
··· 9 9 'names' => array( 10 10 'conpherence.pkg.css' => '79a197f6', 11 11 'conpherence.pkg.js' => '020aebcf', 12 - 'core.pkg.css' => '64703355', 12 + 'core.pkg.css' => '267f6955', 13 13 'core.pkg.js' => '086da722', 14 14 'dark-console.pkg.js' => '187792c2', 15 15 'differential.pkg.css' => '91ac6214', ··· 108 108 'rsrc/css/application/slowvote/slowvote.css' => '1694baed', 109 109 'rsrc/css/application/tokens/tokens.css' => 'ce5a50bd', 110 110 'rsrc/css/application/uiexample/example.css' => 'b4795059', 111 - 'rsrc/css/core/core.css' => '531ad849', 111 + 'rsrc/css/core/core.css' => '83d97073', 112 112 'rsrc/css/core/remarkup.css' => '03b6c819', 113 113 'rsrc/css/core/syntax.css' => '548567f6', 114 114 'rsrc/css/core/z-index.css' => 'ac3bfcd4', 115 115 'rsrc/css/diviner/diviner-shared.css' => '4bd263b0', 116 - 'rsrc/css/font/font-awesome.css' => '3883938a', 116 + 'rsrc/css/font/font-awesome.css' => 'a8d83a0c', 117 117 'rsrc/css/font/font-lato.css' => '23631304', 118 118 'rsrc/css/font/phui-font-icon-base.css' => 'e3b53e1e', 119 119 'rsrc/css/fuel/fuel-grid.css' => '66697240', ··· 571 571 'diffusion-readme-css' => 'b68a76e4', 572 572 'diffusion-repository-css' => 'b89e8c6c', 573 573 'diviner-shared-css' => '4bd263b0', 574 - 'font-fontawesome' => '3883938a', 574 + 'font-fontawesome' => 'a8d83a0c', 575 575 'font-lato' => '23631304', 576 576 'fuel-grid-css' => '66697240', 577 577 'fuel-handle-list-css' => '2c4cbeca', ··· 770 770 'phabricator-action-list-view-css' => 'd26ccb62', 771 771 'phabricator-busy' => '5202e831', 772 772 'phabricator-content-source-view-css' => 'cdf0d579', 773 - 'phabricator-core-css' => '531ad849', 773 + 'phabricator-core-css' => '83d97073', 774 774 'phabricator-countdown-css' => 'bff8012f', 775 775 'phabricator-darklog' => '3b869402', 776 776 'phabricator-darkmessage' => '26cd4b73',
+4
webroot/rsrc/css/core/core.css
··· 129 129 .aural-only { 130 130 position: absolute !important; 131 131 clip: rect(1px, 1px, 1px, 1px); 132 + -webkit-clip-path: inset(100%); 133 + clip-path: inset(100%); 132 134 133 135 /* NOTE: Without this, Safari sometimes lays these elements out at normal 134 136 size. An example is the label on the comment action menu on timelines. */ ··· 144 146 145 147 .audible .aural-only { 146 148 clip: auto; 149 + -webkit-clip-path: none; 150 + clip-path: none; 147 151 width: auto; 148 152 height: auto; 149 153 overflow: auto;
+4
webroot/rsrc/css/font/font-awesome.css
··· 2187 2187 margin: -1px; 2188 2188 overflow: hidden; 2189 2189 clip: rect(0, 0, 0, 0); 2190 + -webkit-clip-path: inset(100%); 2191 + clip-path: inset(100%); 2190 2192 border: 0; 2191 2193 } 2192 2194 .sr-only-focusable:active, ··· 2197 2199 margin: 0; 2198 2200 overflow: visible; 2199 2201 clip: auto; 2202 + -webkit-clip-path: none; 2203 + clip-path: none; 2200 2204 }