By Marc
PublishedCategorized as angular, css, css-transitions, image-resizing
Questions tagged css
Explore the latest questions and answers asked by our top developers.
CSS: how to dynamically resize img element without affecting surrounding textflow
I have an Angular component displaying an image surrounded by text. The text wraps around the image. When I click the image, it expands through css transition: width 1s ease-in-out. Problem is, the html flow is affected so the text sourrounding the image is wrapped and the containng box resizes to accomodate the resized image. […]
flex layout columns 2 columns to take half the available space each
I want both 2 columns to take half the available space each But the text should be aligned to the left? same with the screenshot below enter image description here #stackblitz code https://stackblitz.com/edit/angular-r13bnn?file=src%2Fapp%2Fapp.component.html Source: Angular Questions
By Chritoffer Clitch
PublishedHow can I create a box in Angular with paragraph on left and right with different color?
I have hard time creating this box in Angular, can someone please help me? https://i.stack.imgur.com/snVfv.png Source: Angular Material Quesions
By Emmanuel Asinyo
PublishedCategorized as angular, angular-material, css, html
flex layout column implementation
How to correctly use flex layout to implement the ff design , I tried using fxLayout="row" fxLayoutAlign="space-evenly center" but as you can see on the current output the [Subtenant name] and Current lease Expiration should have the same distance with the design but on my current output it is not. Anyone has any idea? Thanks. […]
By Chritoffer Clitch
Publishedflex layout column implementation , create two columns
How to correctly use flex layout to implement the ff design , I tried using fxLayout="row" fxLayoutAlign="space-evenly center" but as you can see on the current output the [Subtenant name] and Current lease Expiration should have the same distance with the design but on my current output it is not. Anyone has any idea? Thanks. […]
By Chritoffer Clitch
PublishedDynamic Styling of Angular Material Select Form Control
I am using Angular Materials in a project and I am trying to do some dynamic styling of a mat-select form control to fulfill a requirement. I want to override the default colors on some of the selector elements and also change these to another color when a selection has been confirmed (see picture below). […]
By norsemanGrey
PublishedCategorized as angular, angular-material, css
Get width of div
I have a div when part of it is getting oyt of the container. I can se this with DevTools (purple available space). How can I get the width of whole space of this div? I mean width WITH available space. Any help? Source: Angular Questions
In every new project after npm install this error occur when i run the project
Error: multi (webpack)-dev-server/client?http://0.0.0.0:0&sockPath=/sockjs-node ./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ./node_modules/bootstrap/dist/css/bootstrap.min.css ./src/styles.scss ../node_modules/font-awesome/css/font-awesome.css Module not found: Error: Can’t resolve ‘E:subha jhasubha usefulslfrnode_modulesfont-awesomecssfont-awesome.css’ in ‘E:subha jhasubha usefulslfrlokfr-repo’ Source: Angular Questions
By The Sakal
PublishedHi, I’m trying to show a minIO pre-signed url with a background-image . Is this a known issue or am I doing something wrong?
Here you have an example of an url http://minioapi.34.122.211.64.nip.io/ippim/images/1/catalogs/1538.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20211022T070506Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Credential=g5tSwkHLhH%2F20211022%2FEU_WEST_3%2Fs3%2Faws4_request&X-Amz-Signature=4b2dea7358c089bbc384aa6815693ac0eb969f0dfa4703326763616c466f1259. This might not work as it has an expiration date Source: Angular Questions
By Iago Gallego Medal
PublishedHorizontal scroll on parent, vertical scroll on child
I have one div container and another div inside container. I would like to add scrolling horizontal on parent (container div) and vertical on child to see the text inside those divs. Any help? There is a stackblitz to show my problem. https://stackblitz.com/edit/angular-ivy-t98oj8 .container { width: 300px; height: 200px; border: 2px solid; display: flex; overflow-x: […]
