All Questions
Tagged with vue-component css
278
questions
0
votes
0
answers
30
views
Vue modal won't show but load perfectly fine in the web page
I'm trying to create a modal with Vue to display some information of a post so i created a component Modal.vue and loaded into the page that list all the posts, and when you click on a post you should ...
0
votes
0
answers
85
views
Vue.js Dropdown Component Cut-off Inside a Scrollable Container
I'm making a text editor similar to Notion. Every page in page-list has a dropdown component for additional actions. To accommodate cases with more items than can be displayed on the screen, I've ...
-1
votes
1
answer
62
views
Images are displayed below the sidebar in the middle of the page and not from the top (Vue.Js)
I'm building a photo website with Vue.JS and encountering the problem mentioned in the titled. I've tried everything, and after two hours of back and forth with ChatGPT I've decided to come here.
This ...
1
vote
1
answer
180
views
Best practices for consuming css in a web component library for multiple themes
We are currently developing a design system to use with multiple projects for 2 separate products.
Each product has a corresponding brand styleguide that uses design tokens, i.e:
Theme 1
primary: 'red'...
0
votes
0
answers
372
views
Vue 3 v-Bind on css transition animation don't compile correctly
I have a project in Vue + Vite, where I'm kinda trying to slide horizontally and verically some slides. I really need the new vue 3 feature to v-bind my current offeset to some animations parameters , ...
0
votes
0
answers
25
views
Fill Content of V-Container to screen
I have a page that is unnecessatily scrollable by a few pixel. I want to display the page with screen height so that everything is displayed without the option to scroll.
Here is what the page looks ...
0
votes
1
answer
41
views
How do you get styling props to work on specific elements in VueJs
I am creating a button and it needs to have multiple states (hover, focused, pressed and disabled).
I also need my default button to have a default size (large) and a smaller size (small). I am trying ...
0
votes
0
answers
123
views
Nested dropdowns with vue2
I am trying to do nested dropdowns using vue2 and I am using bootstrap. And here how far I went:
<template>
<div class="dropdown flex-plan-dropdown">
<button class=&...
0
votes
0
answers
195
views
Preventing a component from accepting global styles in vue Js 3 or Nuxt js
I have a component which I want to prevent from accepting global styles. I have tried using scoped on the component but it does not work.
I tried using scoped style, and I was expecting that apart ...
-1
votes
1
answer
57
views
Is it normal to add class attribute directly to component declaration tag , in Vue.js (3)?
<MyComponent class="extra class from parent" />
inside MyComponent file :
<style lang = "scss" scoped>
.my-component{
font-size:1rem;
}
It works but is it ok, ...
1
vote
1
answer
44
views
How do you dynamically alter the CSS of a tag that's at a higher level in Vue
I am working on a practice problem in Vue where I have to make a color picker and then change the background of the page to match the color that is picked. The issue is that I would need to set the ...
0
votes
1
answer
518
views
Detecting click event on feather icon style
I have a feather icon in vue 3 app which I want to get filled with color based on click.
It seem like it's never taking the isHearted value as true and always filling with black color.
Code:
<...
0
votes
1
answer
262
views
Adding condition to directive in Vue3 component
I am building a component which has two icons: like and dislike. When any of the icon is clicked, the icon should get bigger, show color and the upper heading should disappear.
I'm able to implement ...
0
votes
1
answer
59
views
How to make div automatically take height of inside content
I have these buttons in a chatbot whose text automatically changes based on any option selected. Sometimes the text is longer and then it doesn't fit for one button.
I wanted to know how to make the ...
1
vote
1
answer
242
views
How to change classes' property for each component in Vue.js?
I've added to my website a reusable component "LightBox" that provides a picture with bigger resolution. This LightBox is based on the fact that each element has thumbnail. What is my issue? ...