#4136 search leftovers

kodadot · Oct 19, 2022 · cad1b0b · cad1b0b
1 parent c734cb1
commit cad1b0b
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 7 deletions.
diff --git a/components/search/SearchResultItem.vue b/components/search/SearchResultItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="search-result-item mb-2">
+  <div class="search-result-item">
     <div class="media">
       <div class="media-left">
         <b-skeleton

diff --git a/styles/components/_search.scss b/styles/components/_search.scss
@@ -80,6 +80,14 @@
       width: 90%;
     }
   }
+
+  .dropdown-menu {
+    padding-top: 13px;
+
+    .dropdown-item {
+      padding: 0px;
+    }
+  }
 }
 
 
@@ -140,6 +148,10 @@
   .link-item {
     border: 1px solid transparent;
     cursor: pointer;
+    padding: 10px 16px;
+    &:hover:not(:last-child) {
+      background-color: $k-accentlight;
+    }
   }
 
   .name {
@@ -153,9 +165,6 @@
   .tabs:not(:last-child) {
     margin-bottom: 0.5rem;
   }
-  .b-tabs .tab-content {
-    padding:  0 0.5rem;
-  }
 }
 
 .search-navbar-container-mobile {

diff --git a/styles/global.scss b/styles/global.scss
@@ -1,7 +1,4 @@
 body {
-  .autocomplete .dropdown-item {
-    padding-right: 1px;
-  }
   .select select,
   .select select option,
   .taginput .taginput-container.is-focusable,

diff --git a/styles/themes/_dark.scss b/styles/themes/_dark.scss
@@ -101,11 +101,19 @@ html.dark-mode {
         -1px -1px 0 #fff, 1px 0px 0 #fff, 0px 1px 0 #fff, -1px 0px 0 #fff,
         0px -1px 0 #fff, 4px 4px #fff;
     }
+
+    .link-item {
+      &:hover:not(:last-child) {
+        background-color: $k-accent;
+      }
+    }
+
   }
 
   .dropdown-content {
     box-shadow: $primary-shadow-dark;
     border-radius: 0;
+    border: 1px solid $white;
   }
 
   .footer-container {

diff --git a/styles/themes/_light.scss b/styles/themes/_light.scss
@@ -106,6 +106,7 @@ html.light-mode {
 		background-color: $white;
 		box-shadow: $primary-shadow;
 		border-radius: 0;
+		border: 1px solid $black;
 
 		.dropdown-item:not(.is-active) {
 			color: $text-light-theme;