Call view accessibility fixes (#7439)

This commit is contained in:
Michael Telatynski 2022-01-04 08:57:46 +00:00 committed by GitHub
parent cdbe59900c
commit 44d7d74949
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 22 additions and 28 deletions

View file

@ -16,6 +16,13 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
// data-whatintent makes more sense here semantically but then the tooltip would stay visible without the button
// which looks broken, so we match the behaviour of tooltips which is fine too.
[data-whatinput="mouse"] .mx_CallViewButtons.mx_CallViewButtons_hidden {
opacity: 0.001; // opacity 0 can cause a re-layout
pointer-events: none;
}
.mx_CallViewButtons {
position: absolute;
display: flex;
@ -26,11 +33,6 @@ limitations under the License.
z-index: 200; // To be above _all_ feeds
gap: 18px;
&.mx_CallViewButtons_hidden {
opacity: 0.001; // opacity 0 can cause a re-layout
pointer-events: none;
}
.mx_CallViewButtons_button {
cursor: pointer;

View file

@ -211,9 +211,6 @@ limitations under the License.
}
.mx_CallView_presenting {
opacity: 1;
transition: opacity 0.5s;
position: absolute;
margin-top: 18px;
padding: 4px 8px;
@ -223,8 +220,3 @@ limitations under the License.
color: white;
background-color: #17191c;
}
.mx_CallView_presenting_hidden {
opacity: 0.001; // opacity 0 can cause a re-layout
pointer-events: none;
}