-
-
-
-
+
+
+
+
+
+
+
+
+ {{ 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; }
+}
+