外観完成

nash716 · Aug 11, 2012 · 230e119 · 230e119
1 parent bc4b565
commit 230e119
Show file tree

Hide file tree

Showing 6 changed files with 70 additions and 3 deletions.
diff --git a/bin/css/popup.css b/bin/css/popup.css
@@ -1,3 +1,29 @@
 h2 {
-	margin: 0;
+	margin: 3px;
+	letter-spacing: -0.05em;
+}
+#container {
+	float: right;
+}
+#container:after {
+	content: "";
+	clear: both;
+	display: block;
+	margin-bottom: 10px;
+}
+.btn {
+	display: inline-block;
+	border: solid 1px #CCC;
+	border-radius: 2px;
+	background-color: #EEE;
+	cursor: pointer;
+	width: 100px;
+	padding: 5px;
+	margin-top: 10px;
+	font-weight: bold;
+	text-align: center;
+}
+.btn.disable {
+	color: #CCC;
+	background-color: #f5f5f5;
 }
diff --git a/bin/js/popup.js b/bin/js/popup.js
@@ -59,11 +59,16 @@ var procs = [
 		description: 'プラグインのプロセスを停止します。タブのプロセスはそのままです。',
 		value: 'plugin',
 		selected: false
-	}, 	{
+	}, {
 		text: 'タブプロセスを停止',
 		description: 'タブのプロセスを停止します。プラグインのあるタブは停止しません。',
 		value: 'tab',
 		selected: false
+	}, {
+		text: '停止したプロセスを修復',
+		description: '停止したプロセスをもう一度起動させます。',
+		value: 'recover',
+		selected: false
 	}
 ];
 

diff --git a/bin/popup.html b/bin/popup.html
@@ -11,5 +11,8 @@
 <body>
 	<h2>Process Killer</h2>
 	<div id="proc"></div>
+	<div id="container">
+		<div class="btn disable">実行</div>
+	</div>
 </body>
 </html>
diff --git a/src/main.js b/src/main.js
@@ -11,11 +11,16 @@ var procs = [
 		description: 'プラグインのプロセスを停止します。タブのプロセスはそのままです。',
 		value: 'plugin',
 		selected: false
-	}, 	{
+	}, {
 		text: 'タブプロセスを停止',
 		description: 'タブのプロセスを停止します。プラグインのあるタブは停止しません。',
 		value: 'tab',
 		selected: false
+	}, {
+		text: '停止したプロセスを修復',
+		description: '停止したプロセスをもう一度起動させます。',
+		value: 'recover',
+		selected: false
 	}
 ];
 

diff --git a/src/popup.css b/src/popup.css
@@ -1,4 +1,29 @@
 h2 {
 	margin: 3px;
 	letter-spacing: -0.05em;
+}
+#container {
+	float: right;
+}
+#container:after {
+	content: "";
+	clear: both;
+	display: block;
+	margin-bottom: 10px;
+}
+.btn {
+	display: inline-block;
+	border: solid 1px #CCC;
+	border-radius: 2px;
+	background-color: #EEE;
+	cursor: pointer;
+	width: 100px;
+	padding: 5px;
+	margin-top: 10px;
+	font-weight: bold;
+	text-align: center;
+}
+.btn.disable {
+	color: #CCC;
+	background-color: #F5F5F5;
 }
diff --git a/src/popup.html b/src/popup.html
@@ -11,5 +11,8 @@
 <body>
 	<h2>Process Killer</h2>
 	<div id="proc"></div>
+	<div id="container">
+		<div class="btn disable">実行</div>
+	</div>
 </body>
 </html>