test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-03 11:47:48 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix(drawer): missing css var, close #2848 (#2861)

Browse Source
This commit is contained in:
云游君 2021-08-07 12:34:53 +08:00 committed by GitHub
parent 594eb5b33f
commit e5536eb933
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/theme-chalk/src/common/var.scss
View File

@ -809,6 +809,16 @@ $--dropdown: map.merge(
$--dropdown
);
// drawer
$--drawer: () !default;
$--drawer: map.merge(
(
'background-color': var(--el-dialog-background-color, var(--el-color-white)),
'padding-primary': var(--el-dialog-padding-primary, 20px),
),
$--drawer
);
/* Badge
-------------------------- */
// css3 var in packages/theme-chalk/src/badge.scss

11
packages/theme-chalk/src/drawer.scss
View File

@ -1,4 +1,5 @@
@import 'mixins/mixins';
@import 'mixins/var';
@import 'common/var';
@import './overlay.scss';
@ -71,12 +72,8 @@
$directions: rtl, ltr, ttb, btt;
:root {
--el-drawer-background-color: var(
--el-dialog-background-color,
var(--el-color-white)
);
--el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
@include b(drawer) {
@include set-component-css-var('drawer', $--drawer);
}
@include b(drawer) {
@ -104,7 +101,7 @@ $directions: rtl, ltr, ttb, btt;
color: rgb(114, 118, 123);
display: flex;
margin-bottom: 32px;
padding: var(--el-dialog-padding-primary);
padding: var(--el-drawer-padding-primary);
padding-bottom: 0;
& > :first-child {
flex: 1;