cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-24 16:39:13 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

style: prevent menu mirroring (#632)

Browse Source
This commit is contained in:
Carlos Valente
2023-12-07 17:57:04 +01:00
committed by GitHub
parent 813eb9ad86
commit a93cd3e9b1
2 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/common/components/navigation-menu/NavigationMenu.module.scss
-4
View File
@@ -10,10 +10,6 @@ $icon-color: $ui-white;
$button-bg: $gray-1050; $button-bg: $gray-1050;
$button-size: 48px; $button-size: 48px;
.mirror {
transform: rotate(180deg);
}
.buttonContainer { .buttonContainer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
apps/client/src/common/components/navigation-menu/NavigationMenu.tsx
+2 -2
View File
@@ -22,7 +22,7 @@ function NavigationMenu() {
const location = useLocation(); const location = useLocation();
const { isFullScreen, toggleFullScreen } = useFullscreen(); const { isFullScreen, toggleFullScreen } = useFullscreen();
const { mirror, toggleMirror } = useViewOptionsStore(); const { toggleMirror } = useViewOptionsStore();
const [showButton, setShowButton] = useState(false); const [showButton, setShowButton] = useState(false);
const [searchParams, setSearchParams] = useSearchParams(); const [searchParams, setSearchParams] = useSearchParams();
const [showMenu, setShowMenu] = useState(false); const [showMenu, setShowMenu] = useState(false);
@@ -63,7 +63,7 @@ function NavigationMenu() {
}; };
return createPortal( return createPortal(
<div id='navigation-menu-portal' ref={menuRef} className={mirror ? style.mirror : ''}> <div id='navigation-menu-portal' ref={menuRef}>
<RenameClientModal isOpen={isOpen} onClose={onClose} /> <RenameClientModal isOpen={isOpen} onClose={onClose} />
<div className={`${style.buttonContainer} ${!showButton && !showMenu ? style.hidden : ''}`}> <div className={`${style.buttonContainer} ${!showButton && !showMenu ? style.hidden : ''}`}>
<button onClick={toggleMenu} aria-label='toggle menu' className={style.navButton}> <button onClick={toggleMenu} aria-label='toggle menu' className={style.navButton}>