@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
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
+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
+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
+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
}