fix(#961): styles after new sidebar qa

fix #961 This PR fixes pagination position and includes hover style in sidebar buttons
argilla-io · Apr 8, 2022 · c161b30 · c161b30
1 parent a26a910
commit c161b30
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/frontend/components/commons/sidebar/SidebarButton.vue b/frontend/components/commons/sidebar/SidebarButton.vue
@@ -63,6 +63,14 @@ $color: #333346;
     position: absolute;
     left: 0.8em;
   }
+  &.mode {
+    &:hover {
+      .svg-icon {
+        background: palette(grey, smooth);
+        border-radius: $border-radius;
+      }
+    }
+  }
   &.active {
     &.mode {
       .svg-icon {

diff --git a/frontend/components/core/RePagination.vue b/frontend/components/core/RePagination.vue
@@ -229,6 +229,7 @@ $pagination-size: 30px;
     min-height: 63px;
     z-index: 99;
     padding-right: 1em;
+    padding-left: 4em;
     .--metrics & {
       @include media(">desktop") {
         padding-right: calc(294px + 10px);