diff --git a/assets/styles/imports/_tooltip.scss b/assets/styles/imports/_tooltip.scss
index 9d073c11e..3c922f8d2 100644
--- a/assets/styles/imports/_tooltip.scss
+++ b/assets/styles/imports/_tooltip.scss
@@ -91,24 +91,34 @@
border-radius: $border-radius-base;
padding: $space-x-small $space-small;
box-shadow: $box-shadow-large;
+
+ nav {
+ margin-left: -$space-small;
+ margin-right: -$space-small;
+
+ a {
+ padding-left: 12px;
+ }
+ }
}
.popover-arrow {
border-color: $background-color-soft;
}
- @include arrow(8px, "popover", $background-color-soft);
+ @include arrow(7px, "popover", $background-color-soft);
}
+
&[aria-hidden='true'] {
visibility: hidden;
opacity: 0;
- transition: opacity .15s, visibility .15s;
+ transition: opacity .1s, visibility .1s;
}
&[aria-hidden='false'] {
visibility: visible;
opacity: 1;
- transition: opacity .15s;
+ transition: opacity .1s;
}
}
diff --git a/components/ContentMenu.vue b/components/ContentMenu.vue
index cece9dc95..8d9ae8eee 100644
--- a/components/ContentMenu.vue
+++ b/components/ContentMenu.vue
@@ -1,6 +1,6 @@
-
+
+
+ {{ item.route.name }}
+
+
+
@@ -104,3 +96,14 @@ export default {
}
}
+
+
diff --git a/components/PostCard.vue b/components/PostCard.vue
index 6aa26673d..59e7895d4 100644
--- a/components/PostCard.vue
+++ b/components/PostCard.vue
@@ -115,7 +115,7 @@ export default {
z-index: 1;
}
}
-.post-menu {
+.content-menu {
// position: absolute;
// bottom: $space-small;
// right: $space-small;
diff --git a/layouts/default.vue b/layouts/default.vue
index 27bf5f94d..aeaf70086 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -165,14 +165,9 @@ export default {
padding-bottom: 0.5rem;
nav {
- margin-left: -16px;
margin-right: -10px;
padding-top: 1rem;
padding-bottom: 1rem;
-
- a {
- padding-left: 12px;
- }
}
}
diff --git a/styleguide/src/system/tokens/border-radius.yml b/styleguide/src/system/tokens/border-radius.yml
index 4bbdf785a..f299da252 100644
--- a/styleguide/src/system/tokens/border-radius.yml
+++ b/styleguide/src/system/tokens/border-radius.yml
@@ -9,7 +9,7 @@ props:
- name: border-radius-large
value: "4px"
- name: border-radius-base
- value: "3px"
+ value: "4px"
- name: border-radius-rounded
value: "2em"
- name: border-radius-circle