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.
This commit is contained in:
Naomi Guyer 2012-06-18 12:13:20 +12:00 committed by Ingo Schommer
parent 0ef825301d
commit c9cde893b1
5 changed files with 29 additions and 10 deletions

View File

@ -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 { float: left; }
.cms-content-header h2 .section-icon { display: none; } .cms-content-header h2 .section-icon { display: none; }
.cms-content-header .cms-content-header-tabs { position: absolute; right: 0; } .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 File

@ -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.file input.file { margin-left: -132px; }
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content #Form_ImportForm div.checkbox { padding: 0px; } .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 { position: relative; width: 40px; }
.cms-panel .cms-panel-content-collapsed h2, .cms-panel .cms-panel-content-collapsed h3 { display: none; } .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; } .cms-content-toolbar .cms-tree-view-modes .checkboxAboveTree { margin-right: 1px; }

View File

@ -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 //fix for background colors on buttons
.cms .ss-ui-button { .cms .ss-ui-button {
background-color: $color-button-generic; background-color: $color-button-generic;
@ -97,7 +117,6 @@
} }
} }
//fix for model admin filter styling //fix for model admin filter styling
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content { .ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content {
#Form_ImportForm { #Form_ImportForm {

View File

@ -199,3 +199,5 @@ table.ss-gridfield-table {
} }
} }
@include IEVerticalPanelText; //IE7 needs this defined outside .cms-panel

View File

@ -1,14 +1,9 @@
@import 'themes/default'; @import 'themes/default';
@import 'ieShared'; @import 'ieShared';
//IE8 needs this defined inside .cms-panel
.cms-panel { .cms-panel {
.cms-panel-content-collapsed { @include IEVerticalPanelText;
width: 40px;
h2, h3 {
display: none;
}
}
} }
//fix for overlapping of tree view mode checkboxes //fix for overlapping of tree view mode checkboxes