update tabs to look more like GDS

ministryofjustice · Feb 12, 2023 · c51ec55 · c51ec55
1 parent d401abb
commit c51ec55
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/docs/plugins/demo_table.md b/docs/plugins/demo_table.md
@@ -7,7 +7,7 @@ hide:
 
 Uses the following plugins and customisation:
 
-- [mkdocs-table-reader-plugin](https://timvink.github.io/mkdocs-table-reader-plugin/) to convert [`example_table.csv`](./example_table.csv) into a markdown table.
+- [mkdocs-table-reader-plugin](https://timvink.github.io/mkdocs-table-reader-plugin/) to convert [`demo_table.csv`](./demo_table.csv) into a markdown table.
 - [tablesort](http://tristen.ca/tablesort/demo/) to make the table sortable
 - Custom javascript to filter by the first column in the table
 

diff --git a/tech_docs_template/__init__.py b/tech_docs_template/__init__.py
@@ -1 +1 @@
-__version__ = "0.0.14"
+__version__ = "0.0.15"
diff --git a/tech_docs_template/assets/stylesheets/extra.css b/tech_docs_template/assets/stylesheets/extra.css
@@ -28,6 +28,10 @@
   text-underline-offset: 2px;
 }
 
+.md-header{
+  box-shadow: none;
+}
+
 .md-header__title{
   font-size: 25px;
 }
@@ -37,14 +41,13 @@
 }
 
 .md-footer{
-  border: 1px solid;
+  border-top: 1px solid;
   border-color: #b1b4b6;
 }
 
 .md-copyright{
   font-size: 16px;
   color:#000000;
-  /* display: flex; */
 }
 
 .md-copyright a {
@@ -54,7 +57,7 @@
 
 /* Configures the navigation bar */
 .md-nav {
-  font-size: 16px;
+  font-size: 15px;
   line-height: 1.5;
 }
 
@@ -70,17 +73,18 @@
 
 /* Configures the tabs below the header */
 .md-tabs {
-  background-color: #1d70b8;
-  line-height: 0;
-  height: 35px;
-}
-
-.md-tabs__list {
-  height: 35px;
+  color: #1d70b8;
+  background-color: #f8f8f8;
+  border-top: 10px solid;
+  border-top-color:  #1d70b8;
+  border-bottom: 1px solid;
+  border-bottom-color:  #b1b4b6;
+  line-height: 1;
 }
 
 .md-tabs__link {
-  font-size: 16px;
+  font-size: 18px;
+  font-weight: 700;
 }
 
 .md-typeset .admonition,