Merge pull request #262 from MeasureAuthoringTool/MAT-7892a

MAT-7892: Add css tag
MeasureAuthoringTool · Nov 19, 2024 · 75fa6f5 · 75fa6f5
2 parents ee68ece + 0b95d33
commit 75fa6f5
Showing 1 changed file with 83 additions and 0 deletions.
diff --git a/src/main/resources/templates/HumanReadable.liquid b/src/main/resources/templates/HumanReadable.liquid
@@ -330,6 +330,89 @@
         border-radius: .3em;
         white-space: normal;
       }
+      /*
+===============================
+Liquid Narrative Styling Start
+===============================
+*/
+
+      .narrative-table {
+          border: 1pt inset rgb(0, 0, 0);
+          line-height: 10pt;
+          border-collapse: separate;
+          -webkit-border-horizontal-spacing: 2px;
+          -webkit-border-vertical-spacing: 2px;
+      }
+
+      .narrative-table>tbody {
+          display: table-row-group;
+          vertical-align: middle;
+      }
+
+      .narrative-table>tbody>tr {
+          display: table-row;
+          background-color: lightgray;
+          vertical-align: inherit;
+      }
+
+      .narrative-table>tbody>tr>th {
+          padding: 5px;
+      }
+
+      .section-header {
+          background-color: #656565;
+          color: whitesmoke;
+          vertical-align: inherit;
+      }
+
+      .row-header {
+          background-color: #656565;
+          color: whitesmoke;
+          vertical-align: inherit;
+      }
+
+      .tab-one {
+          padding-left: 5px;
+      }
+
+      @media (min-width: 768px) {
+          .row-header {
+              min-width: 138px;
+              max-width: 138px;
+          }
+
+          .content-container {
+              max-width: 576px;
+          }
+      }
+
+      @media (min-width: 992px) {
+          .row-header {
+              min-width: 181px;
+              max-width: 181px;
+          }
+
+          .content-container {
+              max-width: 745px;
+          }
+      }
+
+      @media (min-width: 1100px) {
+          .row-header {
+              min-width: 213px;
+              max-width: 213px;
+          }
+
+          .content-container {
+              max-width: 873px;
+          }
+      }
+
+      /*
+      ===============================
+      Liquid Narrative Styling End
+      ===============================
+      */
     </style>
 </head>
 <body>