Permalink
Browse files

BUGFIX: Show text for collapsed side panel in IE8 and 9 (fixes #7469)

Altered IE CSS for CMS-panel to allow the text to display from top to
bottom.
  • Loading branch information...
1 parent c6039ae commit 50ed4f515d70a053efb549cae471ac96ca575635 @adrexia adrexia committed with chillu Jun 18, 2012
Showing with 29 additions and 10 deletions.
  1. +3 −0 admin/css/ie7.css
  2. +2 −2 admin/css/ie8.css
  3. +20 −1 admin/scss/_ieShared.scss
  4. +2 −0 admin/scss/ie7.scss
  5. +2 −7 admin/scss/ie8.scss
View
@@ -91,3 +91,6 @@ table.ss-gridfield-table tr.ss-gridfield-item.even { background: #F0F4F7; }
.cms-content-header h2 { float: left; }
.cms-content-header h2 .section-icon { display: none; }
.cms-content-header .cms-content-header-tabs { position: absolute; right: 0; }
+
+.cms-panel-content-collapsed { position: relative; width: 40px; }
+.cms-panel-content-collapsed h2.cms-panel-header, .cms-panel-content-collapsed h3.cms-panel-header { zoom: 1; position: absolute; top: 10px; right: 10px; writing-mode: tb-rl; float: right; z-index: 5000; }
View
@@ -36,8 +36,8 @@
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content #Form_ImportForm div.file input.file { margin-left: -132px; }
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content #Form_ImportForm div.checkbox { padding: 0px; }
-.cms-panel .cms-panel-content-collapsed { width: 40px; }
-.cms-panel .cms-panel-content-collapsed h2, .cms-panel .cms-panel-content-collapsed h3 { display: none; }
+.cms-panel .cms-panel-content-collapsed { position: relative; width: 40px; }
+.cms-panel .cms-panel-content-collapsed h2.cms-panel-header, .cms-panel .cms-panel-content-collapsed h3.cms-panel-header { zoom: 1; position: absolute; top: 10px; right: 10px; writing-mode: tb-rl; float: right; z-index: 5000; }
.cms-content-toolbar .cms-tree-view-modes .checkboxAboveTree { margin-right: 1px; }
View
@@ -1,3 +1,23 @@
+//Mixin to adjust text in collapsed side panel and display vertically
+@mixin IEVerticalPanelText{
+ .cms-panel-content-collapsed {
+ position:relative;
+ width: 40px;
+ h2, h3 {
+ &.cms-panel-header {
+ zoom: 1;
+ position:absolute;
+ top:10px;
+ right:10px;
+ writing-mode: tb-rl;
+ float:right;
+ z-index:5000;
+ }
+ }
+ }
+}
+
+
//fix for background colors on buttons
.cms .ss-ui-button {
background-color: $color-button-generic;
@@ -97,7 +117,6 @@
}
}
-
//fix for model admin filter styling
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content {
#Form_ImportForm {
View
@@ -199,3 +199,5 @@ table.ss-gridfield-table {
}
}
+
+@include IEVerticalPanelText; //IE7 needs this defined outside .cms-panel
View
@@ -1,14 +1,9 @@
@import 'themes/default';
@import 'ieShared';
-
+//IE8 needs this defined inside .cms-panel
.cms-panel {
- .cms-panel-content-collapsed {
- width: 40px;
- h2, h3 {
- display: none;
- }
- }
+ @include IEVerticalPanelText;
}
//fix for overlapping of tree view mode checkboxes

0 comments on commit 50ed4f5

Please sign in to comment.