Signal-Desktop/stylesheets/components/fun/FunTooltip.scss

30 lines
720 B
SCSS

// Copyright 2025 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
@use '../../mixins';
@use '../../variables';
@use './FunConstants.scss';
.FunTooltip {
position: relative;
z-index: 100000;
max-width: calc(32ch + (8px * 2));
padding-block: 4px;
padding-inline: 8px;
background: FunConstants.$Fun__BgColor;
color: light-dark(
variables.$color-black-alpha-80,
variables.$color-white-alpha-80
);
border-radius: 6px;
box-shadow:
0px 4px 12px variables.$color-black-alpha-30,
0px 0px 4px variables.$color-black-alpha-05;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
user-select: none;
@include mixins.font-body-2();
}