0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-16 06:02:41 +00:00
This commit is contained in:
Gazook89
2024-10-21 22:29:58 -05:00
parent 26050e2134
commit 4126188df1
2 changed files with 21 additions and 23 deletions

View File

@@ -99,11 +99,11 @@ const BrewRenderer = (props)=>{
}; };
const [state, setState] = useState({ const [state, setState] = useState({
isMounted : false, isMounted : false,
visibility : 'hidden', visibility : 'hidden',
zoom : 100, zoom : 100,
visiblePages : [], visiblePages : [],
centerPage : 1 centerPage : 1
}); });
const iframeRef = useRef(null); const iframeRef = useRef(null);
const mainRef = useRef(null); const mainRef = useRef(null);

View File

@@ -16,8 +16,8 @@
color : #CCCCCC; color : #CCCCCC;
background-color : #555555; background-color : #555555;
& > *:not(.toggleButton) { & > *:not(.toggleButton) {
opacity: 1; opacity : 1;
transition: all .2s ease; transition : all 0.2s ease;
} }
.group { .group {
@@ -100,29 +100,27 @@
color : #777777; color : #777777;
background-color : unset !important; background-color : unset !important;
} }
i { i { font-size : 1.2em; }
font-size:1.2em;
}
} }
&.hidden { &.hidden {
width: 32px; flex-wrap : nowrap;
transition: all .3s ease; width : 32px;
flex-wrap:nowrap; overflow : hidden;
overflow: hidden; background-color : unset;
background-color: unset; opacity : 0.5;
opacity: .5; transition : all 0.3s ease;
& > *:not(.toggleButton) { & > *:not(.toggleButton) {
opacity: 0; opacity : 0;
transition: all .2s ease; transition : all 0.2s ease;
} }
} }
} }
button.toggleButton { button.toggleButton {
z-index : 5; position : absolute;
position:absolute; left : 0;
left: 0; z-index : 5;
width: 32px; width : 32px;
min-width: unset; min-width : unset;
} }