Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
V
VueElementTemplate
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
JIRA
JIRA
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
黄瑜
VueElementTemplate
Commits
c53fb7fb
Commit
c53fb7fb
authored
7 years ago
by
Pan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
style:refine sidebar css
parent
aaf24b46
master
storybook
test
No related merge requests found
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
47 additions
and
32 deletions
+47
-32
index.scss
src/components/TodoList/index.scss
+4
-1
sidebar.scss
src/styles/sidebar.scss
+39
-1
Layout.vue
src/views/layout/Layout.vue
+4
-30
No files found.
src/components/TodoList/index.scss
View file @
c53fb7fb
...
...
@@ -4,10 +4,13 @@
color
:
#4d4d4d
;
min-width
:
230px
;
max-width
:
550px
;
margin
:
40
PX
auto
0
;
margin
:
40
px
auto
0
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
font-weight
:
300
;
background
:
#fff
;
z-index
:
1
;
position
:
relative
;
button
{
margin
:
0
;
padding
:
0
;
...
...
This diff is collapsed.
Click to expand it.
src/styles/sidebar.scss
View file @
c53fb7fb
// 主体区域
.main-container
{
min-height
:
100%
;
transition
:
margin-left
0
.28s
;
margin-left
:
180px
;
}
// 侧边栏
.hideSidebar
{
.sidebar-container
{
width
:
36px
!
important
;
// overflow: inherit;
}
.main-container
{
margin-left
:
36px
;
}
}
// .horizontal-collapse-transition{
// transition: width 0.28s!important;
// }
.sidebar-container
{
// transition: width 0.28s ease-out;
transition
:
width
0
.28s
!
important
;
width
:
180px
!
important
;
height
:
100%
;
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
1001
;
// overflow-y: auto;
&
:
:-
webkit-scrollbar
{
display
:
none
}
}
.sidebar-container
>
.el-menu
{
width
:
100%
!
important
;
min-height
:
100%
;
...
...
@@ -66,7 +100,7 @@
text-align
:
left
;
text-indent
:
20px
;
top
:
0px
;
background-color
:
#
1f2d3d
;
background-color
:
#
2B2C2D
!
important
;
opacity
:
1
;
}
}
...
...
@@ -74,4 +108,8 @@
.el-submenu
.el-menu-item
{
min-width
:
180px
!
important
;
background-color
:
#2B2C2D
!
important
;
&
:hover
{
background-color
:
rgb
(
67
,
74
,
80
)
!
important
;
}
}
This diff is collapsed.
Click to expand it.
src/views/layout/Layout.vue
View file @
c53fb7fb
...
...
@@ -31,35 +31,9 @@ export default {
<
style
rel=
"stylesheet/scss"
lang=
"scss"
scoped
>
@import
"src/styles/mixin.scss"
;
.app-wrapper
{
@include
clearfix
;
position
:
relative
;
height
:
100%
;
width
:
100%
;
&
.hideSidebar
{
.sidebar-container
{
width
:
36px
;
overflow
:
inherit
;
}
.main-container
{
margin-left
:
36px
;
}
}
.sidebar-container
{
transition
:
width
0
.28s
ease-out
;
width
:
180px
;
height
:
100%
;
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
1001
;
overflow-y
:
auto
;
&
:
:-
webkit-scrollbar
{
display
:none
}
}
.main-container
{
min-height
:
100%
;
transition
:
margin-left
0
.28s
ease-out
;
margin-left
:
180px
;
}
@include
clearfix
;
position
:
relative
;
height
:
100%
;
width
:
100%
;
}
</
style
>
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment