tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-09-27 20:06:52 +02:00
Code Issues Projects Releases Wiki Activity

MINOR Rotated labels for collapsed panels

Browse Source
This commit is contained in:
Ingo Schommer 2012-01-06 16:39:51 +01:00
parent e7747b0240
commit c6e1937021
5 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/code/LeftAndMain.php
View File

@ -300,6 +300,7 @@ class LeftAndMain extends Controller {
if($ie) { if($ie) {
$version = substr($_SERVER['HTTP_USER_AGENT'], $ie + 5, 3); $version = substr($_SERVER['HTTP_USER_AGENT'], $ie + 5, 3);
if($version == 7) Requirements::css('sapphire/admin/css/ie7.css'); if($version == 7) Requirements::css('sapphire/admin/css/ie7.css');
else if($version == 8) Requirements::css('sapphire/admin/css/ie8.css');
} }
// Custom requirements // Custom requirements

2
admin/css/ie8.css Normal file
View File

@ -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; }

2
admin/css/screen.css
View File

@ -344,6 +344,8 @@ form.member-profile-form #Groups .middleColumn .TreeDropdownField { width: 90%;
} }
*/ } */ }
.cms-panel.collapsed .cms-panel-content { display: none; } .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 .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 { display: block !important; left: 41px; margin-top: -40px; position: fixed; width: 191px; }
.cms-panel .collapsed-flyout li a span { display: block !important; } .cms-panel .collapsed-flyout li a span { display: block !important; }

12
admin/scss/_style.scss
View File

@ -796,6 +796,18 @@ form.member-profile-form {
padding: 0; 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 { .child-flyout-indicator {

8
admin/scss/ie8.scss Normal file
View File

@ -0,0 +1,8 @@
.cms-panel {
.cms-panel-content-collapsed {
width: 40px;
h2, h3 {
display: none;
}
}
}