Commit 891f847a authored by 邓晓峰's avatar 邓晓峰

Merge branch 'master' into feat/commonmenu

parents 8cd95b36 293458fb
Pipeline #35228 passed with stages
in 30 minutes 41 seconds
...@@ -30,10 +30,10 @@ ...@@ -30,10 +30,10 @@
} }
.layoutSlider { .layoutSlider {
overflow: hidden; overflow: hidden;
flex: 0 0 100px; flex: 0 0 80px;
max-width: 100px; max-width: 80px;
min-width: 100px; min-width: 80px;
width: 100px; width: 80px;
background-color: @layout-header-background; background-color: @layout-header-background;
transition: background .3s,width .3s cubic-bezier(.2,0,0,1) 0s; transition: background .3s,width .3s cubic-bezier(.2,0,0,1) 0s;
&.fixed { &.fixed {
......
...@@ -458,18 +458,18 @@ const BasicLayout = props => { ...@@ -458,18 +458,18 @@ const BasicLayout = props => {
<div className={classNames(layoutStyles.basicLayout)}> <div className={classNames(layoutStyles.basicLayout)}>
<div className={layoutStyles['layout-has-slider']} style={{minHeight: '100%'}}> <div className={layoutStyles['layout-has-slider']} style={{minHeight: '100%'}}>
<div style={{ <div style={{
width: collapse ? '48px': '100px', width: collapse ? '48px': '80px',
overflow: 'hidden', overflow: 'hidden',
flex: collapse ? '0 0 48px': '0 0 100px', flex: collapse ? '0 0 48px': '0 0 80px',
maxWidth: collapse ? '48px':'100px', maxWidth: collapse ? '48px':'80px',
minWidth: collapse ? '48px':'100px', minWidth: collapse ? '48px':'80px',
transition: 'background-color 0.3s ease 0s, min-width 0.3s ease 0s, max-width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s' transition: 'background-color 0.3s ease 0s, min-width 0.3s ease 0s, max-width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s'
}}></div> }}></div>
<aside className={classNames(layoutStyles.layoutSlider, layoutStyles.fixed, { <aside className={classNames(layoutStyles.layoutSlider, layoutStyles.fixed, {
[layoutStyles.collapsed]: collapse [layoutStyles.collapsed]: collapse
})}> })}>
<div className={layoutStyles['layout-slider-childern']}> <div className={layoutStyles['layout-slider-childern']}>
<div className={layoutStyles.sliderMenu} style={{flex: '1 1 0%', overflow: 'hidden'}}> <div className={layoutStyles.sliderMenu} style={{flex: '1 1 0%', overflow: 'hidden auto'}}>
<ul className="menu" style={{minHeight: '0px', marginBottom: '0px'}}> <ul className="menu" style={{minHeight: '0px', marginBottom: '0px'}}>
<li className={classNames('menu-item')} onClick={handleToggleSystem}> <li className={classNames('menu-item')} onClick={handleToggleSystem}>
<Tooltip placement="right" title={collapse ? currentRoutes.name: ''}> <Tooltip placement="right" title={collapse ? currentRoutes.name: ''}>
...@@ -525,7 +525,7 @@ const BasicLayout = props => { ...@@ -525,7 +525,7 @@ const BasicLayout = props => {
</div> </div>
</div> </div>
</aside> </aside>
<div className={layoutStyles.layout} style={{width: 'calc(100% - 100px)'}}> <div className={layoutStyles.layout} style={{width: 'calc(100% - 80px)'}}>
<Panel <Panel
visible={toggleSystem} visible={toggleSystem}
keyboard keyboard
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment