try to improve textcomplete css

Mischer · Oct 2, 2016 · 8c5b82c · 8c5b82c
1 parent 5b7d0c0
commit 8c5b82c
Showing 1 changed file with 25 additions and 29 deletions.
diff --git a/public/stylesheets/forum.css b/public/stylesheets/forum.css
@@ -304,47 +304,43 @@ div.bar div.pagination {
   display: none;
 }
 
-
 .textcomplete-dropdown {
-    border: 1px solid #ddd;
-}
-
-.textcomplete-dropdown li {
-    border-top: 1px solid #ddd;
-    padding: 5px 5px 5px 5px;
-    width:100px;
-    font-size: 14px;
-    font-weight: bold;
+  border: 1px solid #c0c0c0;
+  box-shadow: 0 0.5px 5px rgba(0, 0, 0, 0.25), 0 0.5px 8px rgba(0, 0, 0, 0.15);
+  background: #fff;
 }
 
-body.dark .textcomplete-dropdown {
-    background: #383838;
-    color: #9c9c9c;
-    border-color: #3d3d3d;
+.textcomplete-dropdown a {
+  cursor: text;
 }
 
-body.dark .textcomplete-drowndown li {
+.textcomplete-dropdown li {
+  list-style: none;
+  border-top: 1px solid #c0c0c0;
+  padding: 0.5em;
+  min-width: 100px;
+  font-size: 1.2em;
+  font-weight: bold;
+  cursor: text;
 }
-
-
 .textcomplete-dropdown li:first-child {
-    border-top: none;
+  border-top: none;
 }
-
 .textcomplete-dropdown li:hover,
 .textcomplete-dropdown .active {
-    background-color: lightblue;
+  background-color: #f0f0f0;
 }
 
-/* SHOULD not modify */
-
-.textcomplete-dropdown {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+body.dark .textcomplete-dropdown {
+  box-shadow: 0 1px 2px #000;
+  background: #343434;
 }
-
-.textcomplete-dropdown a:hover {
-    cursor: pointer;
+body.dark .textcomplete-dropdown,
+body.dark .textcomplete-dropdown li {
+  border-color: #3d3d3d;
 }
 
+body.dark .textcomplete-dropdown li:hover,
+body.dark .textcomplete-dropdown .active {
+  background-color: #3e3e3e;
+}