Comments (5)
This has been removed in #135
from evergreen.
Max width is used as a default to make sure we don’t end up with Alerts that are spanning the complete page, but also adapt to containers potentially smaller than that. That being said, I see how this might be confusing. Can you give your use case so I understand the constraints you are dealing with?
from evergreen.
Sure. The page on which I'm showing the alert has a Card. The Card spans about half of the screen. When we want to notify the user about something, we want to align left and right borders of the Alert with the Card. Using Flexbox, we should get this for free, but since this element sets a max-width, it fails to do that
from evergreen.
Just FYI, TextInput doesn't have a max-width and spans the width of the page by default, so this behaviour is inconsistent across the components.
from evergreen.
Let’s remove it!
from evergreen.
Related Issues (20)
- Textarea component loses borders under certain conditions
- Property 'children' does not exist on type 'IntrinsicAttributes & TooltipProps'. HOT 4
- SSR with Remix HOT 3
- `SideSheet` prevents page scroll even after closing, when `preventBodyScrolling` set to true HOT 3
- Style of selected tab differs between tab link and basic tab HOT 3
- Property `selected` should include `PropTypes.number` to allow integer values HOT 1
- Can't use (intent) and (type) property at the same time in <Button> component HOT 1
- Badge color should not have 'automatic' in its typing
- Feature request: Tooltip pointer arrow triangle shape (optional) HOT 1
- LinkProps.target should be `HTMLAttributeAnchorTarget | undefined`
- Button disabled icon color doesn't change HOT 2
- Badge no longer shows text if you pass color hex code HOT 8
- CSS modification HOT 1
- Ability to handle overlay/close clicks in Dialog component, onBeforeClose HOT 2
- inputValue.trim is not a function when using object array for items in autocomplete with "allowOtherValues"
- NextJs 13 App Router
- zIndex for Toaster HOT 1
- Toaster CSS Overide
- Project still maintained? HOT 13
- Footer Component Positioning Problem HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from evergreen.