diff --git a/src/assets/pages/styles/test-resources-landing-page2.scss b/src/assets/pages/styles/test-resources-landing-page2.scss index 64438a2..373efd5 100644 --- a/src/assets/pages/styles/test-resources-landing-page2.scss +++ b/src/assets/pages/styles/test-resources-landing-page2.scss @@ -128,8 +128,8 @@ body { .form-control::-webkit-input-placeholder { color: searchfont; } /* WebKit, Blink, Edge */ .form-control:-moz-placeholder { color: searchfont; } /* Mozilla Firefox 4 to 18 */ .form-control::-moz-placeholder { color: searchfont; } /* Mozilla Firefox 19+ */ -.form-control:-ms-input-placeholder { color: searchfont; } /* Internet Explorer 10-11 */ -.form-control::-ms-input-placeholder { color: searchfont; } /* Microsoft Edge */ + + .footer { padding-top: 3rem; @@ -141,4 +141,3 @@ body { .footer p { margin-bottom: .25rem; } - diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss index c7fc2ea..c2cdda7 100644 --- a/src/assets/pages/styles/theme-base.scss +++ b/src/assets/pages/styles/theme-base.scss @@ -56,3 +56,13 @@ body{ height: 100%; } +.category-header { + border: 1px solid black; + border-radius: 5px; + background-color: transparent; + cursor: pointer; +} + +.category-header.active { + background-color: white; +} diff --git a/src/assets/views/card-category.mustache b/src/assets/views/card-category.mustache index 064a107..ae3f4c1 100644 --- a/src/assets/views/card-category.mustache +++ b/src/assets/views/card-category.mustache @@ -1,11 +1,10 @@
-
-

{{{category-id-clean}}}


+
+

{{{category-id-clean}}}

{{{category-description}}}


-
\ No newline at end of file diff --git a/src/ts_source/viewFactory.ts b/src/ts_source/viewFactory.ts index 8e04b90..6a47941 100644 --- a/src/ts_source/viewFactory.ts +++ b/src/ts_source/viewFactory.ts @@ -71,10 +71,13 @@ export function buildWebCardsFromConfig(configName: string) { collapseButton.on("click", () => { let collapsable = $(`#${categoryKey}-container`); + let collapseButton = $(`#${categoryKey}-collapser`); if ("none" === collapsable.css('display')) { collapsable.css("display", ""); + collapseButton.addClass("active"); } else { collapsable.css("display", "none"); + collapseButton.removeClass("active"); } });