deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Добавил блур на кнопках

Browse Source
This commit is contained in:
Book Pauk
2019-01-16 17:03:17 +07:00
parent 1cf1ebb81e
commit 0ff4e963ea
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/components/Reader/Reader.vue
View File

@@ -3,7 +3,7 @@
<el-header height='50px'> <el-header height='50px'>
<div class="header"> <div class="header">
<el-tooltip content="Загрузить книгу" :open-delay="1000" effect="light"> <el-tooltip content="Загрузить книгу" :open-delay="1000" effect="light">
<el-button class="tool-button" :class="buttonActiveClass('loader')" @click="buttonClick('loader')"><i class="el-icon-back"></i></el-button> <el-button class="tool-button" :class="buttonActiveClass('loader')" @click="buttonClick('loader', $event)"><i class="el-icon-back"></i></el-button>
</el-tooltip> </el-tooltip>
<div> <div>
@@ -164,7 +164,7 @@ class Reader extends Vue {
return this.$store.getters['reader/lastOpenedBook']; return this.$store.getters['reader/lastOpenedBook'];
} }
buttonClick(button) { buttonClick(button, event) {
switch (button) { switch (button) {
case 'loader': this.loaderActive = !this.loaderActive; break; case 'loader': this.loaderActive = !this.loaderActive; break;
case 'fullScreen': this.commit('reader/setFullScreenActive', !this.fullScreenActive); break; case 'fullScreen': this.commit('reader/setFullScreenActive', !this.fullScreenActive); break;
@@ -174,6 +174,7 @@ class Reader extends Vue {
} }
break; break;
} }
event.view.blur();
} }
buttonActiveClass(button) { buttonActiveClass(button) {