Mathijs den Burger pushed to branch master at cms-community /
hippo-addon-channel-manager
Commits:
4204fb48 by Arthur Bogaart at 2016-06-09T15:52:16+02:00
CHANNELMGR-705 Force element not to grow on IE
Added IE-hacks style for forcing flex-grow: 0 in IE11.
- - - - -
a77c7a20 by Mathijs den Burger at 2016-06-13T09:53:44+02:00
CHANNELMGR-705 refactor SASS so the IE11-selector hack is more clear
- - - - -
e7d46495 by Mathijs den Burger at 2016-06-13T09:54:00+02:00
CHANNELMGR-705 Reintegrate bugfix/CHANNELMGR-705
- - - - -
3 changed files:
- frontend-ng/src/angularjs/channel/subpage/content/subpageContent.html
- frontend-ng/src/index.scss
- + frontend-ng/src/styles/_ie_hacks.scss
Changes:
=====================================
frontend-ng/src/angularjs/channel/subpage/content/subpageContent.html
=====================================
--- a/frontend-ng/src/angularjs/channel/subpage/content/subpageContent.html
+++ b/frontend-ng/src/angularjs/channel/subpage/content/subpageContent.html
@@ -19,7 +19,8 @@
flex>
<!--md-content is full height, internal div can scroll-->
<div flex layout="row" layout-align="center">
- <div flex="100"
+ <div class="flex-no-grow-ie"
+ flex="100"
flex-gt-xs="66"
flex-gt-sm="50"
flex-gt-md="33"
@@ -27,4 +28,4 @@
<div ng-transclude flex></div>
</div>
</div>
-</md-content>
\ No newline at end of file
+</md-content>
=====================================
frontend-ng/src/index.scss
=====================================
--- a/frontend-ng/src/index.scss
+++ b/frontend-ng/src/index.scss
@@ -29,3 +29,4 @@
@import 'styles/picker';
@import 'styles/toolbar';
@import 'styles/tooltips';
+@import 'styles/ie_hacks';
=====================================
frontend-ng/src/styles/_ie_hacks.scss
=====================================
--- /dev/null
+++ b/frontend-ng/src/styles/_ie_hacks.scss
@@ -0,0 +1,27 @@
+// Copyright 2016 Hippo B.V. (http://www.onehippo.com)
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+// The following rules are IE11 specific workarounds using a CSS selector hack
to target IE11 and above.
+// See http://browserhacks.com/#hack-d19e53a0fdfba5ec0f283ae86175a3af for more
info
+_:-ms-fullscreen, :root {
+
+ // CHANNELMGR-705 If an action on the page causes a scrollbar to
appear/disappear, a flex element with a max-width
+ // other than 100% (like 50%) will be rendered at 100% width. A
browser-resize event fixes this and renders the
+ // element at 50%, but that is not a pleasant solution :)
+ // It is caused by flex-grow: 1; Normally, adding flex="nogrow" should be
enough, but in some cases this is overridden
+ // by media-query rules like 'flex-gt-xs="66"'. For these situations we need
to force flex-grow: 0
+ .flex-no-grow-ie {
+ flex-grow: 0 !important;
+ }
+}
View it on GitLab:
https://code.onehippo.org/cms-community/hippo-addon-channel-manager/compare/7c09877fcdebe829a2faa2d07d0c85bf816ad4ee...e7d46495edf79b314052f2f7e96a3b8c7f87aa98
_______________________________________________
Hippocms-svn mailing list
Hippocms-svn@lists.onehippo.org
https://lists.onehippo.org/mailman/listinfo/hippocms-svn
