element-web-Github/res/css/components/views/location/_ShareDialogButtons.pcss
Michael Telatynski 146968da2c
Deduplicate more icons using Compound Design Tokens (#132)
* Deduplicate more icons using Compound Design Tokens

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
(cherry picked from commit 7448bd52e2ff354917d6e5f769ca052961c13aa0)
2024-10-16 09:42:03 +01:00

47 lines
828 B
Plaintext

/*
Copyright 2024 New Vector Ltd.
Copyright 2022 The Matrix.org Foundation C.I.C
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
.mx_ShareDialogButtons {
position: absolute;
width: 100%;
height: 0;
top: 0;
}
.mx_ShareDialogButtons_button {
@mixin ButtonResetDefault;
height: 24px;
width: 24px;
border-radius: 50%;
background-color: $quinary-content;
opacity: 0.8;
text-align: center;
color: $secondary-content;
position: absolute;
top: $spacing-16;
&:hover,
&:focus {
opacity: 1;
}
&.left {
left: $spacing-16;
}
&.right {
right: $spacing-16;
}
}
.mx_ShareDialogButtons_button-icon {
width: 20px;
height: 20px;
margin: 2px;
}