From 8f30fc76e498b3c561f511e218a6d4a0b0fc6d16 Mon Sep 17 00:00:00 2001
From: pacien
Date: Wed, 10 Oct 2018 16:41:04 +0200
Subject: Initial implementation

---
 src/App.css | 65 ++++++++++++++++++++++++++++++++++++++++---------------------
 1 file changed, 43 insertions(+), 22 deletions(-)

(limited to 'src/App.css')

diff --git a/src/App.css b/src/App.css
index 92f956e..d0870a2 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,32 +1,53 @@
+/*
+ * JaCoCo Report Viewer, a web-based coverage report viewer
+ * Copyright (C) 2018  Pacien TRAN-GIRARD
+ *                     Adam NAILI
+ * 
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
 .App {
-  text-align: center;
+  margin: 1rem;
+}
+
+.App label {
+  display: inline-block;
+  width: 6rem;
+}
+
+.App ul {
+  padding-left: 1.75rem;
+}
+
+.App ul[inline-list="true"] {
+  display: inline;
+  padding-left: 0.75rem;
 }
 
-.App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 40vmin;
+.App ul[inline-list="true"] li {
+  display: inline;
+  list-style: none;
 }
 
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
+.App ul[inline-list="true"] li:not(:first-child) {
+  padding-left: 0.75rem;
 }
 
-.App-link {
-  color: #61dafb;
+.App li[well-covered="true"] {
+  color: green;
 }
 
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+.App li[well-covered="false"] {
+  color: red;
 }
-- 
cgit v1.2.3