diff --git a/admin/code/LeftAndMain.php b/admin/code/LeftAndMain.php index d656c13ff..045561132 100644 --- a/admin/code/LeftAndMain.php +++ b/admin/code/LeftAndMain.php @@ -300,6 +300,7 @@ class LeftAndMain extends Controller { if($ie) { $version = substr($_SERVER['HTTP_USER_AGENT'], $ie + 5, 3); if($version == 7) Requirements::css('sapphire/admin/css/ie7.css'); + else if($version == 8) Requirements::css('sapphire/admin/css/ie8.css'); } // Custom requirements diff --git a/admin/css/ie8.css b/admin/css/ie8.css new file mode 100644 index 000000000..160ef3594 --- /dev/null +++ b/admin/css/ie8.css @@ -0,0 +1,2 @@ +.cms-panel .cms-panel-content-collapsed { width: 40px; } +.cms-panel .cms-panel-content-collapsed h2, .cms-panel .cms-panel-content-collapsed h3 { display: none; } diff --git a/admin/css/screen.css b/admin/css/screen.css index e1fb6a564..b08fc634f 100755 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -344,6 +344,8 @@ form.member-profile-form #Groups .middleColumn .TreeDropdownField { width: 90%; } */ } .cms-panel.collapsed .cms-panel-content { display: none; } +.cms-panel .cms-panel-content-collapsed { width: 40px; } +.cms-panel .cms-panel-content-collapsed h2, .cms-panel .cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px; -moz-transform-origin: bottom left; -webkit-transform-origin: bottom left; -o-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .cms-panel .child-flyout-indicator { width: 0; height: 0; border-right: 3px dashed #1f1f1f; border-top: 3px solid transparent; border-left: 3px solid transparent; border-bottom: 3px dashed #1f1f1f; position: absolute; right: 1px; margin-top: -8px; display: none; /* To be shown by javascript, see LeftAndMain.Panel.js */ } .cms-panel .collapsed-flyout { display: block !important; left: 41px; margin-top: -40px; position: fixed; width: 191px; } .cms-panel .collapsed-flyout li a span { display: block !important; } diff --git a/admin/scss/_style.scss b/admin/scss/_style.scss index 513d9be0f..e28b2341d 100644 --- a/admin/scss/_style.scss +++ b/admin/scss/_style.scss @@ -796,6 +796,18 @@ form.member-profile-form { padding: 0; } */ + + } + + .cms-panel-content-collapsed { + width: 40px; + + h2, h3 { + border-bottom: 0; + margin-left: $grid-vertical; + @include transform-origin(bottom, left); + @include rotate(90deg); + } } .child-flyout-indicator { diff --git a/admin/scss/ie8.scss b/admin/scss/ie8.scss new file mode 100644 index 000000000..ab7791742 --- /dev/null +++ b/admin/scss/ie8.scss @@ -0,0 +1,8 @@ +.cms-panel { + .cms-panel-content-collapsed { + width: 40px; + h2, h3 { + display: none; + } + } +} \ No newline at end of file