PerpetualWar Posts - Answer Overflow

PerpetualWar

•Created by PerpetualWar on 1/9/2024 in #front-end

Code splitting styling issues

Hey everyone, I have styling issues when doing code splitting with webpack. Im using Vue with CSS Modules for scoped styles. I have reusable component ButtonEl, which is in multiple css bundles, and this override Im doing is in first bundle, ,,,, however, later ButtonEl styles from another bundle override those specific styles, just based on being evaluated later. I know I can use some tricks to increase specificity, but I would rather solve this in a centralized manner, if possible. I see 2 possible solutions: 1. Css Modules hash to be different for each instance of ButtonEl, but dunno if that is even possible to do? 2. Some webpack solution with splitChunks? Anyone can help with this?

6 replies

KPCKevin Powell - Community

•Created by PerpetualWar on 11/24/2022 in #front-end

Expandable row content problems

6 replies

KPCKevin Powell - Community

•Created by PerpetualWar on 11/18/2022 in #front-end

filter vs backdrop-filter

Differences, and why filter is not working in my case here:

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 20;
  filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.5);
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 20;
  filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.5);
}

31 replies

KPCKevin Powell - Community

•Created by PerpetualWar on 10/25/2022 in #front-end

position absolute inside overflow scroll container

28 replies

Gaming

Programming