From fda153169639403246438d5b20caed4201a19abe Mon Sep 17 00:00:00 2001 From: Brandon Green Date: Tue, 2 Jun 2020 09:50:23 -0400 Subject: [PATCH] Add sort to ecosystem This commit adds sort to ecosystem --- _includes/ecosystem_sort.html | 17 ++++++++++ _sass/ecosystem.scss | 45 ++++++++++++++++++++++++++ ecosystem/ecosystem.html | 61 ++++++++++++++++++++--------------- 3 files changed, 97 insertions(+), 26 deletions(-) create mode 100644 _includes/ecosystem_sort.html diff --git a/_includes/ecosystem_sort.html b/_includes/ecosystem_sort.html new file mode 100644 index 000000000000..097453930df0 --- /dev/null +++ b/_includes/ecosystem_sort.html @@ -0,0 +1,17 @@ + + Sort + + + diff --git a/_sass/ecosystem.scss b/_sass/ecosystem.scss index bc50974fc61a..80759d9e4a6f 100644 --- a/_sass/ecosystem.scss +++ b/_sass/ecosystem.scss @@ -404,3 +404,48 @@ } } } + +.ecosystem-divider { + position: relative; + margin-bottom: 4rem; + margin-top: 1.5rem; + top: 3rem; +} + +.ecosystem{ + #dropdownSort, #dropdownSortLeft { + margin-left: 0; + } +} + +.ecosystem-filter-menu { + ul { + list-style-type: none; + padding-left: rem(20px); + li { + padding-right: rem(20px); + word-break: break-all; + + a { + color: $mid_gray; + &:hover { + color: $orange; + } + } + } + } +} + +.ecosystem .ecosystem-filter { + cursor: pointer; + ul { + list-style-type: none; + } +} + +.ecosystem #dropdownFilter, #dropdownSort, #dropdownSortLeft { + color: $mid_gray; + cursor: pointer; + z-index: 1; + position: absolute; +} diff --git a/ecosystem/ecosystem.html b/ecosystem/ecosystem.html index 7a71e308d0ad..ae548e0f21f8 100644 --- a/ecosystem/ecosystem.html +++ b/ecosystem/ecosystem.html @@ -62,34 +62,40 @@

-
- {% assign ecosystem = site.ecosystem | sort_natural: "title" %} - - {% for item in ecosystem %} -
-
- -
-
-
    -
  • {{ item.title }}
    • -
    -
    • -
  • 27
    • -
    -
- {% if item.experimental %} -
- Experimental -
- {% endif %} + {% include ecosystem_sort.html %} + +
+ + - {% endfor %} + {% endfor %} +
@@ -146,4 +152,7 @@

$(".nav-link[data-category=" + category + "]").addClass('selected'); } + + +