Removed sorting feature CSS and residual code.

Author: kpinnipa

src/CodeSnippetDisplay.tsx

@@ -130,7 +130,6 @@ const CODE_SNIPPET_MORE_OTPIONS_DOWNLOAD =
   'jp-codeSnippet-more-options-download';
 const CODE_SNIPPET_CREATE_NEW_BTN = 'jp-createSnippetBtn';
 const CODE_SNIPPET_NAME = 'jp-codeSnippet-name';
-const CODE_SNIPPET_HEADER_BOX = 'jp-codeSnippet-header-class';
 
 /**
  * The threshold in pixels to start a drag event.
@@ -1620,14 +1619,12 @@ export class CodeSnippetDisplay extends React.Component<
             <addIcon.react tag="span" right="7px" top="5px" />
           </button>
         </header>
-        <div className={CODE_SNIPPET_HEADER_BOX}>
-          <FilterTools
-            tagDictionary={this.getActiveTagsDictionary()}
-            languageTags={this.getActiveTags()[1]}
-            snippetTags={this.getActiveTags()[0]}
-            onFilter={this.filterSnippets}
-          />
-        </div>
+        <FilterTools
+          tagDictionary={this.getActiveTagsDictionary()}
+          languageTags={this.getActiveTags()[1]}
+          snippetTags={this.getActiveTags()[0]}
+          onFilter={this.filterSnippets}
+        />
         <div className={CODE_SNIPPETS_CONTAINER}>
           <div>
             {this.state.codeSnippets.map((codeSnippet, id) =>

style/base.css

@@ -679,67 +679,3 @@ mark.jp-codeSnippet-search-bolding {
   outline: 1px solid var(--jp-brand-color1);
   outline-offset: 4px;
 }
-
-/*Sort Feature Elements*/
-.jp-codeSnippet-header-class {
-  display: flex;
-  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
-  width: 100%;
-}
-
-.jp-codeSnippet-sort-tool {
-  height: 20px;
-  width: 16px;
-  float: right;
-  margin-right: 6px;
-  margin-top: 5px;
-}
-
-.jp-codeSnippet-sort-icon-inactive {
-  background-image: url(./icon/jupyter_search_option_inactive.svg);
-  background-repeat: no-repeat;
-  height: 20px;
-  width: 16px;
-  float: right;
-  cursor: pointer;
-}
-
-.jp-codeSnippet-sort-icon-active {
-  background-image: url(./icon/jupyter_search_option_active.svg);
-  background-repeat: no-repeat;
-  height: 20px;
-  width: 16px;
-  float: right;
-  cursor: pointer;
-}
-
-.jp-codeSnippet-sort-content {
-  width: 158px;
-}
-
-.jp-codeSnippet-sort-sortby {
-  white-space: pre;
-  padding-bottom: 2px;
-  margin-left: 18px;
-}
-
-.jp-codeSnippet-sort-option-unselected {
-  padding-top: 2px;
-  white-space: pre;
-  cursor: pointer;
-  padding-left: 18px;
-}
-.jp-codeSnippet-sort-option-selected {
-  padding-top: 2px;
-  white-space: pre;
-  cursor: pointer;
-  display: flex;
-}
-
-.jp-codeSnippet-sort-option-unselected:hover {
-  background: var(--jp-layout-color2);
-}
-
-.jp-codeSnippet-sort-line {
-  border-bottom: 1px var(--jp-layout-color3) solid;
-}