summary refs log tree commit diff
diff options
context:
space:
mode:
authorNad Chishtie <n.chishtie@gmail.com>2019-08-16 14:23:53 -0700
committerJorik Schellekens <joriks@matrix.org>2019-08-28 15:59:54 +0100
commit9349614a16471bd1340f98559fbe92d2a85120e7 (patch)
tree88cbbfae2798d918c706440357b25d853890fb03
parentPolish delegation spacing (diff)
downloadsynapse-9349614a16471bd1340f98559fbe92d2a85120e7.tar.xz
Various WIP CSS tweaks
-rw-r--r--synapse_topology/webui/src/scss/main.scss27
-rw-r--r--synapse_topology/webui/src/scss/themes.scss7
2 files changed, 30 insertions, 4 deletions
diff --git a/synapse_topology/webui/src/scss/main.scss b/synapse_topology/webui/src/scss/main.scss
index db1a1a34cf..a07cb6ce04 100644
--- a/synapse_topology/webui/src/scss/main.scss
+++ b/synapse_topology/webui/src/scss/main.scss
@@ -113,7 +113,7 @@ input {
     background: white;
     border-radius: 4rem;
     color: $font;
-    padding: 0.6rem 1rem;
+    padding: 0.4rem 1.2rem;
 }
 
 pre {
@@ -188,6 +188,13 @@ input[type=checkbox] {
     margin-bottom: 8px;
 }
 
+.card-header-tabs {
+    margin-right: 0;
+    margin-bottom: 0;
+    margin-left: 0;
+}
+
+
 .baseintro {
     padding: 2rem 1rem;
 }
@@ -232,6 +239,24 @@ input[type=checkbox] {
 .chevron {
     float:right;
 }
+
+.tab-content {
+    background-color: $smoke;
+    padding: 1rem;
+}
+
+.nav-tabs .nav-link.active {
+    border-color: transparent;
+    background-color: $smoke;
+    // border-bottom: 1px;
+}
+
+.nav-tabs .nav-link:hover {
+    border-color: transparent;
+    background-color: $smoke;
+    // border-bottom: 1px;
+}
+
 .inputButton {
     margin-left: 0.6rem;
     font-size: 0.6rem;
diff --git a/synapse_topology/webui/src/scss/themes.scss b/synapse_topology/webui/src/scss/themes.scss
index 259815eaa5..829373dd7d 100644
--- a/synapse_topology/webui/src/scss/themes.scss
+++ b/synapse_topology/webui/src/scss/themes.scss
@@ -2,8 +2,9 @@
   $primary: #ffffff !global;
   $secondary: #f4f4f4 !global;
   $tertiary: #3b444b !global;
+  $smoke: #ececec !global;
   $font:  #333 !global;
-  $highlight: #4AEFF0 !global;
+  $highlight: #4aeff0 !global;
   $link: #0098d4 !global;
-  $error: red !global;
-}
\ No newline at end of file
+  $error: #e32017 !global;
+}