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