LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed an issue that would caused empty dashboard shortcuts to not hide properly. (#610)

Browse Source
This commit is contained in:
Jas Singh
2024-12-24 02:17:08 -08:00
committed by GitHub
parent d8a59c1d18
commit a3f348c580
4 changed files with 44 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/menus/dashboard/shortcuts/sections/Column.tsx
View File

@@ -1,9 +1,9 @@
import { BindableChild } from 'astal/gtk3/astalify';
export const LeftColumn = ({ visibleClass, children }: LeftColumnProps): JSX.Element => {
export const LeftColumn = ({ isVisible, children }: LeftColumnProps): JSX.Element => {
return (
<box className={`card-button-section-container ${visibleClass ? 'visible' : ''}`}>
{visibleClass ? (
<box className={`card-button-section-container ${isVisible ? 'visible' : ''}`}>
{isVisible ? (
<box vertical hexpand vexpand>
{children}
</box>
@@ -25,7 +25,7 @@ export const RightColumn = ({ children }: RightColumnProps): JSX.Element => {
};
interface LeftColumnProps {
visibleClass?: boolean;
isVisible?: boolean;
children?: BindableChild | BindableChild[];
}

4
src/components/menus/dashboard/shortcuts/sections/Section.tsx
View File

@@ -57,7 +57,7 @@ export const LeftShortcuts = (): JSX.Element => {
return (
<box className={'container most-used dashboard-card'}>
<LeftColumn visibleClass={isVisibleRight && isVisibleLeft}>
<LeftColumn isVisible={isVisibleRight && isVisibleLeft}>
<LeftShortcut1 />
<LeftShortcut2 />
</LeftColumn>
@@ -78,7 +78,7 @@ export const RightShortcuts = (): JSX.Element => {
{Variable.derive(rightBindings, () => {
return (
<box className={`container utilities dashboard-card ${!leftCardHidden.get() ? 'paired' : ''}`}>
<LeftColumn visibleClass={!leftCardHidden.get()}>
<LeftColumn isVisible={true}>
<RightShortcut1 />
<SettingsButton />
</LeftColumn>