From 7b2a696caeee6f4b607a86bfe906da87a79e34f8 Mon Sep 17 00:00:00 2001 From: jlukic Date: Wed, 29 Jul 2015 14:43:46 -0400 Subject: [PATCH] #2744 Fixes issue with fluid container overflow --- RELEASE-NOTES.md | 1 + src/definitions/elements/container.less | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index f2b1c89db..c82669c2c 100644 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -9,6 +9,7 @@ - **Menu** - `text menu` now uses padding for hitboxes to make target area for links larger **[Reported Bugs](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aissue+milestone%3A2.1.0+is%3Aclosed)** +- **Container** - Fix issue with `fluid container` being `100% + gutter` at mobile resolution (causing overflow) - **Modal** - Fix autofocus setting in modal not working due to improper selector #2737 - **Modal** - Increased `close` specificity, modal will now only close on `> .close` #2736 diff --git a/src/definitions/elements/container.less b/src/definitions/elements/container.less index aba216a45..0ae6f0b72 100644 --- a/src/definitions/elements/container.less +++ b/src/definitions/elements/container.less @@ -31,7 +31,7 @@ /* Mobile */ @media only screen and (max-width: @largestMobileScreen) { .ui.container { - width: @mobileWidth; + width: @mobileWidth !important; margin-left: @mobileGutter !important; margin-right: @mobileGutter !important; }