@@ -141,7 +141,7 @@ const StyledMenu = styled(Menu) <MenuProps>`
141141
142142const FloatingHamburgerButton = styled . button < {
143143$size :string ;
144- $position :string ; //top-right | top- left |bottom- right | bottom-left
144+ $position :string ; // left | right
145145$zIndex :number ;
146146$background ?:string ;
147147$borderColor ?:string ;
@@ -152,8 +152,8 @@ const FloatingHamburgerButton = styled.button<{
152152$iconColor ?:string ;
153153} > `
154154 position: fixed;
155- ${ ( props ) => ( props . $position . includes ( 'bottom' ) ? 'bottom: 16px;' : ' top: 16px;' ) }
156- ${ ( props ) => ( props . $position . includes ( 'right' ) ?'right: 16px;' :'left: 16px;' ) }
155+ top: 16px;
156+ ${ ( props ) => ( props . $position === 'right' ?'right: 16px;' :'left: 16px;' ) }
157157 width:${ ( props ) => props . $size }
158158 height:${ ( props ) => props . $size }
159159 border-radius:${ ( props ) => props . $radius || '50%' }
@@ -233,7 +233,7 @@ function renderLayoutSection(children: any) {
233233] ;
234234const hamburger = [
235235 ...common ,
236- children . hamburgerPosition . propertyView ( { label :"Hamburger Position" } ) ,
236+ children . hamburgerPosition . propertyView ( { label :"Hamburger Position" , radioButton : true } ) ,
237237children . hamburgerSize . propertyView ( { label :"Hamburger Size" } ) ,
238238children . placement . propertyView ( { label :trans ( "drawer.placement" ) , radioButton :true } ) ,
239239children . shadowOverlay . propertyView ( { label :"Shadow Overlay" } ) ,
@@ -306,11 +306,9 @@ const childrenMap = {
306306{ label :"Hamburger" , value :"hamburger" } ,
307307] , "bar" ) ,
308308hamburgerPosition :dropdownControl ( [
309- { label :"Top Right" , value :"top-right" } ,
310- { label :"Top Left" , value :"top-left" } ,
311- { label :"Bottom Right" , value :"bottom-right" } ,
312- { label :"Bottom Left" , value :"bottom-left" } ,
313- ] , "top-right" ) ,
309+ { label :"Left" , value :"left" } ,
310+ { label :"Right" , value :"right" } ,
311+ ] , "right" ) ,
314312hamburgerSize :withDefault ( StringControl , "56px" ) ,
315313placement :PositionControl ,
316314shadowOverlay :withDefault ( BoolCodeControl , true ) ,
@@ -459,7 +457,7 @@ const NavCompBase = new UICompBuilder(childrenMap, (props) => {
459457< >
460458< FloatingHamburgerButton
461459$size = { props . hamburgerSize || "56px" }
462- $position = { props . hamburgerPosition || "top- right" }
460+ $position = { props . hamburgerPosition || "right" }
463461$zIndex = { Layers . tabBar + 1 }
464462$background = { props . hamburgerButtonStyle ?. background }
465463$borderColor = { props . hamburgerButtonStyle ?. border }