mirror of
https://github.com/fluxerapp/fluxer
synced 2026-10-18 05:25:40 +09:00
31 lines
878 B
CSS
31 lines
878 B
CSS
/* SPDX-License-Identifier: AGPL-3.0-or-later */
|
|
|
|
.row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25rem;
|
|
padding: 0.25rem 0.375rem 0.375rem;
|
|
}
|
|
|
|
.button {
|
|
composes: item fluidItem from '@app/features/ui/action_toolbar/ActionToolbar.module.css';
|
|
--action-toolbar-item-border-width: 0px;
|
|
--action-toolbar-item-radius: 0.5rem;
|
|
--action-toolbar-item-background: var(--background-modifier-hover);
|
|
flex: 1;
|
|
aspect-ratio: 1;
|
|
}
|
|
|
|
:global(:where(html.window-focused, html.unfocused-fully-interactive):not(.window-focus-activation-guard))
|
|
.button:hover,
|
|
:global(:where(html.window-focused, html.unfocused-fully-interactive):not(.window-focus-activation-guard))
|
|
.button:is([data-highlighted], [data-hovered], [data-focused], [data-focus-visible]) {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
.emojiImg {
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
object-fit: contain;
|
|
}
|