Add description to snippetlist and limit title & desc to 1 line

Author: GreenMan36

.github/ISSUE_TEMPLATE/ADD-LANGUAGE.yml

@@ -45,9 +45,7 @@ const SnippetList = ({ query }: { query?: string | null }) => {
                 <img src={language.icon} alt={language.lang} />
               </div>
               <h3 className="snippet__title">{snippet.title}</h3>
-              {query && (
-                <p className="snippet__description">{snippet.description}</p>
-              )}
+              <p className="snippet__description">{snippet.description}</p>
             </button>
           </li>
         ))}

src/components/SnippetList.tsx

@@ -528,6 +528,21 @@ abbr {
 
 .snippet__title {
   color: var(--text-primary);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+  overflow: hidden;
+  text-overflow: "…";
+}
+
+.snippet__description {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+  overflow: hidden;
+  text-overflow: "…";
 }
 
 /*------------------------------------*\