imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweak bottom of space panel buttons in expanded state (#7213)

Browse source
This commit is contained in:
Michael Telatynski 2021-11-29 20:10:34 +00:00 • committed by GitHub
parent 82ae39435c
commit 1d2965a111
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 54 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/views/spaces/QuickSettingsButton.tsx
View file

@ -34,8 +34,9 @@ import SettingsStore from "../../../settings/SettingsStore";
import { SettingLevel } from "../../../settings/SettingLevel";
import dis from "../../../dispatcher/dispatcher";
import { RecheckThemePayload } from "../../../dispatcher/payloads/RecheckThemePayload";
import classNames from "classnames";
const QuickSettingsButton = () => {
const QuickSettingsButton = ({ isPanelCollapsed = false }) => {
const orderedThemes = useMemo(getOrderedThemes, []);
const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu<HTMLDivElement>();
@ -137,11 +138,14 @@ const QuickSettingsButton = () => {
return <>
<AccessibleTooltipButton
className="mx_QuickSettingsButton"
className={classNames("mx_QuickSettingsButton", { expanded: !isPanelCollapsed })}
onClick={openMenu}
title={_t("Quick settings")}
inputRef={handle}
/>
forceHide={!isPanelCollapsed}
>
{ !isPanelCollapsed ? _t("Settings") : null }
</AccessibleTooltipButton>
{ contextMenu }
</>;