tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 12:05:37 +00:00
Code Issues Projects Releases Wiki Activity

Fix for ie8 styles for preview switch and modes

Browse Source
This commit is contained in:
Paul Clarke 2012-12-13 11:09:27 +13:00 committed by Ingo Schommer
parent 8779e9be5b
commit 51c6a87fc7
3 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
admin/css/ie7.css
View File

@ -42,12 +42,13 @@
.filter-buttons button.ss-gridfield-button-filter { background-position: -18px 4px !important; } .filter-buttons button.ss-gridfield-button-filter { background-position: -18px 4px !important; }
/* Alternative styles for the switch in old IE */ /* Alternative styles for the switch in old IE */
fieldset.switch-states { padding: 0; } fieldset.switch-states { padding-right: 5px; }
fieldset.switch-states .switch { padding: 0 10px 0 0; } fieldset.switch-states .switch { padding: 0; width: 132%; left: -32px; }
fieldset.switch-states .switch label { overflow: visible; text-overflow: visible; white-space: normal; padding: 0; } fieldset.switch-states .switch label { overflow: visible; text-overflow: visible; white-space: normal; padding: 0; }
fieldset.switch-states .switch label.active { color: #fff; background-color: #2b9c32; } fieldset.switch-states .switch label.active { color: #fff; background-color: #2b9c32; }
fieldset.switch-states .switch label span { display: inline; padding: 0 10px; padding-right: 15px; overflow: visible; text-overflow: visible; white-space: wrap; } fieldset.switch-states .switch label span { display: inline; padding: 0 8px; overflow: visible; text-overflow: visible; white-space: wrap; }
fieldset.switch-states .switch .slide-button { display: none; } fieldset.switch-states .switch .slide-button { display: none; }
fieldset.switch-states .switch input.state-name { margin-left: -20px; }
/* Hide size controls in IE - they won't work as intended */ /* Hide size controls in IE - they won't work as intended */
.cms-content-controls .preview-size-selector { display: none; } .cms-content-controls .preview-size-selector { display: none; }

7
admin/css/ie8.css
View File

@ -42,12 +42,13 @@
.filter-buttons button.ss-gridfield-button-filter { background-position: -18px 4px !important; } .filter-buttons button.ss-gridfield-button-filter { background-position: -18px 4px !important; }
/* Alternative styles for the switch in old IE */ /* Alternative styles for the switch in old IE */
fieldset.switch-states { padding: 0; } fieldset.switch-states { padding-right: 5px; }
fieldset.switch-states .switch { padding: 0 10px 0 0; } fieldset.switch-states .switch { padding: 0; width: 132%; left: -32px; }
fieldset.switch-states .switch label { overflow: visible; text-overflow: visible; white-space: normal; padding: 0; } fieldset.switch-states .switch label { overflow: visible; text-overflow: visible; white-space: normal; padding: 0; }
fieldset.switch-states .switch label.active { color: #fff; background-color: #2b9c32; } fieldset.switch-states .switch label.active { color: #fff; background-color: #2b9c32; }
fieldset.switch-states .switch label span { display: inline; padding: 0 10px; padding-right: 15px; overflow: visible; text-overflow: visible; white-space: wrap; } fieldset.switch-states .switch label span { display: inline; padding: 0 8px; overflow: visible; text-overflow: visible; white-space: wrap; }
fieldset.switch-states .switch .slide-button { display: none; } fieldset.switch-states .switch .slide-button { display: none; }
fieldset.switch-states .switch input.state-name { margin-left: -20px; }
/* Hide size controls in IE - they won't work as intended */ /* Hide size controls in IE - they won't work as intended */
.cms-content-controls .preview-size-selector { display: none; } .cms-content-controls .preview-size-selector { display: none; }

12
admin/scss/_ieShared.scss
View File

@ -142,9 +142,11 @@
/* Alternative styles for the switch in old IE */ /* Alternative styles for the switch in old IE */
fieldset.switch-states{ fieldset.switch-states{
padding:0; padding-right: 5px;
.switch{ .switch{
padding:0 10px 0 0; padding: 0;
width: 100%+32;
left: -32px;
label{ label{
overflow:visible; overflow:visible;
text-overflow:visible; text-overflow:visible;
@ -156,8 +158,7 @@ fieldset.switch-states{
} }
span{ span{
display:inline; display:inline;
padding:0 10px; padding:0 8px;
padding-right:15px;
overflow:visible; overflow:visible;
text-overflow:visible; text-overflow:visible;
white-space:wrap; white-space:wrap;
@ -166,6 +167,9 @@ fieldset.switch-states{
.slide-button{ .slide-button{
display:none; display:none;
} }
input.state-name {
margin-left: -20px;
}
} }
} }
/* Hide size controls in IE - they won't work as intended */ /* Hide size controls in IE - they won't work as intended */