All Questions
Tagged with typescript css
3,320
questions
-1
votes
0
answers
16
views
Select Multiple area on image using drag and create hotspot in angular 8/ javascript
Hi all,
I want to implement a feature where user can select multiple rectangular area on image and create hotspot.
Once user click and drag from one position to second position it will draw like ...
0
votes
0
answers
11
views
PrimeReact FileUpload change value of "Completed" and "Pending" badge
I'm working on a Next.js Typescript project, which uses the FileUpload by PrimeReact. It works fine, but because the project is for german users, I wanted to change the value of the badge after the ...
0
votes
0
answers
26
views
CSS backdrop-filter showing a darken area at start of div
I am trying to create a glassmorphic style header. On big screen it works without any issue, but on mobile screen it shows a darken area at start of div.
One thing that I noticed is that after a ...
-2
votes
0
answers
30
views
How does browser control + f search works? If I added a search bar on my page and want to apply same logic to get highlighted words which are written [closed]
When I enter "Control + F" on a browser then there is a search bar in the bottom in which if we search any word, then all the words related to that are highlighted. So I have added a search ...
0
votes
1
answer
53
views
Is there a way to flex field generate by for loops?
This is my code that generates fields using a for loop. I'm expecting the email and phone number fields to be displayed side by side, but instead, they are stacked on top of each other. I believe this ...
1
vote
1
answer
43
views
Image weird resizing behaviour when refreshing
When I refresh the page (below's a gif)
The Image is resized in a weird way.
<WifiWidgetContainer>
<Image
src={`/assets/[email protected]`}
...
2
votes
1
answer
28
views
Mat-table get column width
How can I get column header width (angular mat-table) in typescript? I tried to use id and get elementById.clientWidth but it doesn't work for mat table column.
I need to get the size of each column ...
0
votes
4
answers
55
views
How to make text follow progress bar
How can I make my currentProgresstext follow the progress bar, for now it seems that setting progressWidth to 100 makes the text appear on the left (following the progress bar). And the progress bar's ...
-1
votes
2
answers
83
views
how to modify the slope in svg shape
I have created one svg shape. I want the slope to start from middle. I tried,but I don't know how to make it. Can anyone please help me.
<svg xmlns="http://www.w3.org/2000/svg" fill="none">
...
0
votes
0
answers
12
views
React Carousel Animation Breaking When Item Transition Duration is Set
I'm working on a carousel component that has lots of child components inside it. When the user clicks spin, the carousel component is translated along the x-axis for 6s. Also, during this animation, I ...
0
votes
1
answer
27
views
Svelte/TS applying styles through a foreach loop doesn't modify the styling
I've been trying to create a cool "bubble" effect on a website of my, but I cannot get the styling to change in a foreach loop.
There are no errors in the console, so I'm not sure what I ...
1
vote
1
answer
70
views
How to use multiple fonts in NextJS
I'm having trouble loading multiple Google Web fonts in a NextJS application. I'm following the documentation here.
In my fonts.ts I define my fonts:
import { Inter, Heebo } from "next/font/...
0
votes
0
answers
45
views
Markdown Editor Styling Overwritten by @shadcn/ui Typography in React App
I’m working on a React application that uses @shadcn/ui for the UI framework and react-markdown for rendering Markdown content. My problem is that the Markdown content is not displaying correctly ...
0
votes
0
answers
25
views
ApexChart charts are not the same size?
I'm trying to create a statistics component in my project, and I've decided to use ApexCharts...Now, everything was going smoothly until I discovered that not all charts are the same size, for example,...
0
votes
0
answers
18
views
Styles not applying correctly when printing in Vue.js/Vuetify app in production
I'm experiencing an issue with my Vue.js/Vuetify application where the print styles are not being applied correctly in the production environment, but they work fine in localhost. Both Firefox and ...