From 084f97d49cee1af93193eff2dbecb95e117a09a2 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Mon, 28 Jan 2019 10:03:03 +0700
Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=20=D0=BD?=
 =?UTF-8?q?=D0=B0=D0=B4=20SettingsPage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Reader/SettingsPage/SettingsPage.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/client/components/Reader/SettingsPage/SettingsPage.vue b/client/components/Reader/SettingsPage/SettingsPage.vue
index aa1b4424..12a3167c 100644
--- a/client/components/Reader/SettingsPage/SettingsPage.vue
+++ b/client/components/Reader/SettingsPage/SettingsPage.vue
@@ -13,11 +13,13 @@
                                 <b>Цвет</b>
                             </el-form-item>
                             <el-form-item label="Текст">
-                                <el-color-picker v-model="textColor" show-alpha :predefine="predefineTextColors"></el-color-picker>
+                                <el-color-picker v-model="textColor" color-format="hex" :predefine="predefineTextColors"></el-color-picker>
+                                <span class="color-picked">{{ textColor }}</b></span>
                             </el-form-item>
 
                             <el-form-item label="Фон">
-                                <el-color-picker v-model="backgroundColor" show-alpha :predefine="predefineBackgroundColors"></el-color-picker>
+                                <el-color-picker v-model="backgroundColor" color-format="hex" :predefine="predefineBackgroundColors"></el-color-picker>
+                                <span class="color-picked">{{ backgroundColor }}</span>
                             </el-form-item>
                         </el-form>
 
@@ -159,5 +161,12 @@ class SettingsPage extends Vue {
 .el-form-item {
     padding: 0;
     margin: 0;
+    position: relative;
+}
+
+.color-picked {
+    margin-left: 10px;
+    position: relative;
+    top: -9px;
 }
 </style>
\ No newline at end of file