Widget: DCTList: Difference between revisions

Revision as of 15:16, 13 September 2022

Development verstion of the DCT List.
Not ready for production!

@@ Line 117: / Line 117: @@
              float: right;
              cursor: pointer;
-             font-size: 70px;
+        }
-             line-height: .5em;
+        .filter-wrapper .filter-toggle svg {
+             width: 24px;
+             height: 24px;
          }
@@ Line 787: / Line 790: @@
                  </div>
                  <div class="filter-wrapper">
-                     <h3>Functions <span class="filter-toggle">+</span></h3>
+                     <h3>Functions <span class="filter-toggle"><svg class="bm-icon"><use href="#chevron-down"/></svg></span></h3>
                      <div class="filter-container">
                          <div class="filter-button-wrapper">
@@ Line 797: / Line 800: @@
                  </div>
                  <div class="filter-wrapper">
-                     <h3>Supported Platforms <span class="filter-toggle">+</span></h3>
+                     <h3>Supported Platforms <span class="filter-toggle"><svg class="bm-icon"><use href="#chevron-down"/></svg></span></h3>
                      <div class="filter-container">
                          <div class="filter-button-wrapper">
@@ Line 807: / Line 810: @@
                  </div>
                  <div class="filter-wrapper">
-                     <h3>Business Model <span class="filter-toggle">+</span></h3>
+                     <h3>Business Model <span class="filter-toggle"><svg class="bm-icon"><use href="#chevron-down"/></svg></span></h3>
                      <div class="filter-container">
                          <div class="filter-button-wrapper">
@@ Line 817: / Line 820: @@
                  </div>
                  <div class="filter-wrapper">
-                     <h3>Use in DM <span class="filter-toggle">+</span></h3>
+                     <h3>Use in DM <span class="filter-toggle"><svg class="bm-icon"><use href="#chevron-down"/></svg></span></h3>
                      <div class="filter-container">
                          <div class="filter-button-wrapper">