From 6c1f1ffdb1f0af467def794025f09eb5b75b2546 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 19 Oct 2018 06:47:55 +0900
Subject: デッキのカラムを左揃えか中央揃えか選べるように
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/app/desktop/views/components/settings.vue | 10 ++++++++++
 src/client/app/desktop/views/pages/deck/deck.vue     | 13 +++++++------
 src/client/app/store.ts                              |  1 +
 3 files changed, 18 insertions(+), 6 deletions(-)

(limited to 'src')

diff --git a/src/client/app/desktop/views/components/settings.vue b/src/client/app/desktop/views/components/settings.vue
index 50582b3525..09e681c9bb 100644
--- a/src/client/app/desktop/views/components/settings.vue
+++ b/src/client/app/desktop/views/components/settings.vue
@@ -113,6 +113,11 @@
 				<ui-switch v-model="games_reversi_showBoardLabels">%i18n:common.show-reversi-board-labels%</ui-switch>
 				<ui-switch v-model="games_reversi_useContrastStones">%i18n:common.use-contrast-reversi-stones%</ui-switch>
 			</section>
+			<section>
+				<header>%i18n:@deck-column-align%</header>
+				<ui-radio v-model="deckColumnAlign" value="center">%i18n:@deck-column-align-center%</ui-radio>
+				<ui-radio v-model="deckColumnAlign" value="left">%i18n:@deck-column-align-left%</ui-radio>
+			</section>
 		</ui-card>
 
 		<ui-card class="web" v-show="page == 'web'">
@@ -350,6 +355,11 @@ export default Vue.extend({
 			set(value) { this.$store.commit('device/set', { key: 'navbar', value }); }
 		},
 
+		deckColumnAlign: {
+			get() { return this.$store.state.device.deckColumnAlign; },
+			set(value) { this.$store.commit('device/set', { key: 'deckColumnAlign', value }); }
+		},
+
 		enableSounds: {
 			get() { return this.$store.state.device.enableSounds; },
 			set(value) { this.$store.commit('device/set', { key: 'enableSounds', value }); }
diff --git a/src/client/app/desktop/views/pages/deck/deck.vue b/src/client/app/desktop/views/pages/deck/deck.vue
index 2ff3d68a91..787402fd03 100644
--- a/src/client/app/desktop/views/pages/deck/deck.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.vue
@@ -1,6 +1,6 @@
 <template>
 <mk-ui :class="$style.root">
-	<div class="qlvquzbjribqcaozciifydkngcwtyzje" :style="style">
+	<div class="qlvquzbjribqcaozciifydkngcwtyzje" :style="style" :class="{ center: $store.state.device.deckColumnAlign == 'center' }">
 		<template v-for="ids in layout">
 			<div v-if="ids.length > 1" class="folder">
 				<template v-for="id, i in ids">
@@ -283,12 +283,13 @@ export default Vue.extend({
 			> *:not(:last-child)
 				margin-bottom 8px
 
-	> *
-		&:first-child
-			margin-left auto
+	&.center
+		> *
+			&:first-child
+				margin-left auto
 
-		&:last-child
-			margin-right auto
+			&:last-child
+				margin-right auto
 
 	> button
 		padding 0 16px
diff --git a/src/client/app/store.ts b/src/client/app/store.ts
index 0a38decfa4..ac6de74248 100644
--- a/src/client/app/store.ts
+++ b/src/client/app/store.ts
@@ -58,6 +58,7 @@ const defaultDeviceSettings = {
 	alwaysShowNsfw: false,
 	postStyle: 'standard',
 	navbar: 'top',
+	deckColumnAlign: 'center',
 	mobileNotificationPosition: 'bottom',
 	deckTemporaryColumn: null
 };
-- 
cgit v1.2.3-freya