diff --git a/src/components/LinkItems/Item.vue b/src/components/LinkItems/Item.vue index 02fd719c..7234c1fd 100644 --- a/src/components/LinkItems/Item.vue +++ b/src/components/LinkItems/Item.vue @@ -20,8 +20,9 @@ - + -
- - - - +
+
+ + + + +
+
+ {{ hotkey }} +
@@ -23,6 +28,7 @@ export default { isSmall: Boolean, // If true, will apply small class position: String, // Position classes: top, bottom, left, right isTransparent: Boolean, // If true, will apply opacity + hotkey: Number, // Optional hotkey to also display }, methods: { /* Returns custom class string, from optional props */ @@ -49,7 +55,6 @@ export default { width: 1rem; margin: 2px; path { - // fill: var(--primary); fill: currentColor; } } @@ -68,4 +73,17 @@ export default { } } +div.hotkey-denominator { + position: absolute; + font-size: 0.8rem; + margin: 2px; + bottom: 2px; + color: currentColor; + border-radius: 18px; + border: 1px solid currentColor; + padding: 0.1rem 0.4rem 0.2rem 0.4rem; + &.top { right: 0; } // Position opposite of opening method icon + &.bottom { left: 0; } +} +