StefanH Posts - Answer Overflow

StefanH

Explore posts from servers

•Created by StefanH on 2/1/2025 in #❓・help

defineShortcut(): meta key doesn't work on linux?

Hey I'm running an arch linux system with kde plasma and firefox. Shortcuts with meta_ don't work for me at all. Now I understand linux is always iffy but this does seem like a bug to me right now. Want to ask if others have the same issue on other distros before i open an issue my code:

onMounted(() => {
  defineShortcuts({
    meta_k: (e) => {
      console.log("Shortcut pressed", e);
    }
  }
}

onMounted(() => {
  defineShortcuts({
    meta_k: (e) => {
      console.log("Shortcut pressed", e);
    }
  }
}

any other letters don't work either. When i change it to ctrl it works

7 replies

KPCKevin Powell - Community

•Created by StefanH on 1/27/2025 in #front-end

Have img match parent's height with set aspect ratio

Hey so I have a square image, a qr code, that i want to match the height of the parent it's in. The parent's height is intrinsic to the buttons placed as the first child Tried a bunch of stuff but i can't seem to let this image follow Now i did get it working with background-image, but i wonder if this is also possible with html img tag Codepen: https://codepen.io/stefanh-at/pen/RNbEYNB

3 replies

KPCKevin Powell - Community

•Created by StefanH on 6/24/2023 in #front-end

Change color of css 'inline svg' dynamically

Hi! I've been tearing my hair out with this for a while now. I have an css inline svg which I want to change the fill color off dynamically in css. The codepen is here: https://codepen.io/stefanh-at/pen/QWJGZKd Some restrictions I have for this: - I can't use filter because the background-color can't change and i have children which can't change either - The svg has to be inline. I can't use a separate file or use an HTML <svg> tag - I need to be able to change the fill color of the icon using either css custom properties or currentColor - I can't use a clip-path to cut out the background since I need to put another icon in a different (dynamic) location - I can't use a ::before or ::after pseudo element Already looked into a lot of avenues so here's what doesn't work: - Using fill='currentColor' doesn't work. This only applies to <svg> tags which I can't use in my markup Yeah this is quite the restricting case but if there is some way which I've missed to recolor the svg, this would all be solved. Hope someone can help!

37 replies

Gaming

Programming