github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Theme: Add popup background design token (Message Dialog) (#15412)

pull/15541/head^2
iamkun 2019-05-27 15:22:43 +08:00 committed by hetech
parent 208a78786f
commit 35650eb7fa
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/components/theme-configurator/index.vue
View File

@ -10,7 +10,6 @@
@select="onSelectChange" @select="onSelectChange"
></action-panel> ></action-panel>
<main-panel <main-panel
ref='configuratorMain'
v-if="defaultConfig" v-if="defaultConfig"
:currentConfig="currentConfig" :currentConfig="currentConfig"
:defaultConfig="defaultConfig" :defaultConfig="defaultConfig"
@ -180,7 +179,6 @@ export default {
bus.$emit(ACTION_COMPONECT_SELECT, val); bus.$emit(ACTION_COMPONECT_SELECT, val);
this.selectedComponent = val; this.selectedComponent = val;
this.filterCurrentConfig(); this.filterCurrentConfig();
this.$refs.configuratorMain.focus();
} }
}, },
watch: { watch: {

5
packages/theme-chalk/src/common/popup.scss
View File

@ -1,3 +1,4 @@
@import "./var.scss";
@import "../mixins/mixins"; @import "../mixins/mixins";
.v-modal-enter { .v-modal-enter {
@ -30,8 +31,8 @@
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 0.5; opacity: $--popup-modal-opacity;
background: #000; background: $--popup-modal-background-color;
} }
@include b(popup-parent) { @include b(popup-parent) {

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

@ -667,6 +667,13 @@ $--pagination-button-disabled-background-color: $--color-white !default;
/// color||Color|0 /// color||Color|0
$--pagination-hover-color: $--color-primary !default; $--pagination-hover-color: $--color-primary !default;
/* Popup
-------------------------- */
/// color||Color|0
$--popup-modal-background-color: $--color-black !default;
/// opacity||Other|1
$--popup-modal-opacity: 0.5 !default;
/* Popover /* Popover
-------------------------- */ -------------------------- */
/// color||Color|0 /// color||Color|0