wip

src/client/app/desktop/views/pages/deck/deck.column.vue

@@ -61,7 +61,6 @@ root(isDark)
 	min-width 330px
 	max-width 330px
 	height 100%
-	margin-right 16px
 	background isDark ? #282C37 : #fff
 	border-radius 6px
 	box-shadow 0 2px 16px rgba(#000, 0.1)

src/client/app/desktop/views/pages/deck/deck.note.vue

@@ -111,14 +111,6 @@ export default Vue.extend({
 			return this.isRenote ? this.note.renote : this.note;
 		},
 
-		reactionsCount(): number {
-			return this.p.reactionCounts
-				? Object.keys(this.p.reactionCounts)
-					.map(key => this.p.reactionCounts[key])
-					.reduce((a, b) => a + b)
-				: 0;
-		},
-
 		urls(): string[] {
 			if (this.p.text) {
 				const ast = parse(this.p.text);
@@ -144,24 +136,6 @@ export default Vue.extend({
 		if (this.$store.getters.isSignedIn) {
 			this.connection.on('_connected_', this.onStreamConnected);
 		}
-
-		// Draw map
-		if (this.p.geo) {
-			const shouldShowMap = this.$store.getters.isSignedIn ? this.$store.state.settings.showMaps : true;
-			if (shouldShowMap) {
-				(this as any).os.getGoogleMaps().then(maps => {
-					const uluru = new maps.LatLng(this.p.geo.coordinates[1], this.p.geo.coordinates[0]);
-					const map = new maps.Map(this.$refs.map, {
-						center: uluru,
-						zoom: 15
-					});
-					new maps.Marker({
-						position: uluru,
-						map: map
-					});
-				});
-			}
-		}
 	},
 
 	beforeDestroy() {

src/client/app/desktop/views/pages/deck/deck.vue

@@ -1,12 +1,13 @@
 <template>
 <mk-ui :class="$style.root">
-	<div class="qlvquzbjribqcaozciifydkngcwtyzje">
+	<div class="qlvquzbjribqcaozciifydkngcwtyzje" :data-darkmode="$store.state.device.darkmode">
 		<template v-for="column in columns">
 			<x-notifications-column v-if="column.type == 'notifications'" :key="column.id"/>
 			<x-tl-column v-if="column.type == 'home'" :key="column.id" src="home"/>
 			<x-tl-column v-if="column.type == 'local'" :key="column.id" src="local"/>
 			<x-tl-column v-if="column.type == 'global'" :key="column.id" src="global"/>
 		</template>
+		<button>%fa:plus%</button>
 	</div>
 </mk-ui>
 </template>
@@ -72,6 +73,22 @@ root(isDark)
 	padding 16px 0 16px 16px
 	overflow auto
 
+	> div
+		margin-right 16px
+
+		&:last-of-type
+			margin-right 0
+
+	> button
+		padding 0 16px
+		color isDark ? #93a0a5 : #888
+
+		&:hover
+			color isDark ? #b8c5ca : #777
+
+		&:active
+			color isDark ? #fff : #555
+
 .qlvquzbjribqcaozciifydkngcwtyzje[data-darkmode]
 	root(true)