tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity
220d317f27
silverstripe-framework/admin/css/ie7.css

105 lines
6.5 KiB
CSS
Raw Normal View History

BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
/** ----------------------------------------------- Colours ------------------------------------------------ */
/** ----------------------------------------------- Textures ----------------------------------------------- */
/** ----------------------------------------------- Typography. ------------------------------------------------ */
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
/** ----------------------------------------------- Application Logo (CMS Logo) Must be 24px x 24px ------------------------------------------------ */
BUGFIX:fixed buttons in ie7/ie8 added missing background colour.
2012-03-12 02:38:39 +01:00
.cms .ss-ui-button { background-color: #e6e6e6; }
.cms .ss-ui-button.ui-state-hover { background-color: #f3f3f3; }
BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
.cms .ss-ui-button.ss-ui-action-constructive { background-color: #1f9433; }
.cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover { background-color: #23a93a; }
ENHANCEMENT: Gridfield usability (fixes 7215) 1. Modified gridfield to use default colours 2. Added ability to show and hide the filter 3. Design changes to icons used 4. Gridfield template fixes: Took out broken mark-up from templates (spans were being inserted inside spans), and adjusted styles. Added extra class to template 5. Added "filter by ..." placeholder text to input fields
2012-05-16 02:18:23 +02:00
.cms .ss-ui-button.ss-gridfield-button-filter { background: #55a4d2 url(../../images/icons/filter-icons.png) no-repeat -14px 4px; }
BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
.cms-content-toolbar { border-bottom: 1px solid #c9cdce; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: none; }
.ss-gridfield-button-filter.ss-ui-button { background: #e6e6e6 url(../images/filter-icons.png) no-repeat -40px 6px; filter: none; }
.ss-gridfield-button-filter.ss-ui-button.hover-alike:active { background-color: #2e7ead; background-position: -15px 7px; filter: none; }
.ss-gridfield-button-filter.ss-ui-button.hover-alike { background-color: #338DC1; background-position: -16px 6px; filter: none; }
.ss-gridfield-button-reset.ss-ui-button { background: #e6e6e6 url(../images/filter-icons.png) no-repeat 8px 5px; filter: none; }
.ss-gridfield-button-reset.ss-ui-button.filtered:hover { background: red url(../images/filter-icons.png) no-repeat 8px -17px; filter: none; }
.ss-gridfield-button-reset.ss-ui-button.filtered:active { background: #e60000 url(../images/filter-icons.png) no-repeat 9px -16px; filter: none; }
.cms table.ss-gridfield-table tr td { border-right: 1px solid #9a9a9a; }
.cms table.ss-gridfield-table tr th { border-right: 1px solid #9a9a9a; }
.cms table.ss-gridfield-table tr th.main { border-top: 1px solid #9a9a9a; border-bottom: none; }
.cms table.ss-gridfield-table tr th.extra { border-top: 1px solid #9a9a9a; padding-right: 12px; }
.cms table.ss-gridfield-table td:first-child, .cms table.ss-gridfield-table th:first-child { border-left: 1px solid #9a9a9a; }
.cms .ss-gridfield table.ss-gridfield-table tbody td button { border: 0; background: none; }
.cms .cms-content .cms-content-fields .aligned_right_label { margin-left: 0; }
BUGFIX: Turn off filters on IE Nav icons (fixes #7471) Set filter to none so that the icons appear correctly in IE7and 8 Conflicts: admin/scss/_ieShared.scss
2012-06-18 03:22:01 +02:00
.cms-menu-list li a .icon { filter: none; }
BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content #Form_ImportForm div.file { margin: 0px; }
.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; }
ChangedBUG FIX: IE filter buttons (fixes #7501) * Changed spacing of IE filter buttons Conflicts: admin/css/ie7.css admin/css/ie8.css admin/scss/ie7.scss
2012-06-19 07:52:09 +02:00
.filter-buttons button.ss-gridfield-button-filter { background-position: -18px 4px !important; }
BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
html { overflow: hidden; }
BUGFIX:fixed buttons in ie7/ie8 added missing background colour.
2012-03-12 02:38:39 +01:00
MINOR Using box-sizing to lay out form fields rather than relying on hacky 90% widths + pixel-based paddings, which makes it impossible to align anything outside of the field container the these elements. Using conditional CSS to disable field padding if box-sizing is not available. Generalized "stacked" form pattern in _form.scss, fixed CMS actions padding to align with fields.
2012-01-03 14:49:35 +01:00
.field input.text, .field textarea, .field .TreeDropdownField { padding-left: 0; padding-right: 0; }
MINOR Tree and content toolbar styling fixes (SSF-138, SSF-71)
2012-02-07 23:24:42 +01:00
BUGFIX: #7295 Long Filenames break layout Add text overflow and a max width to filenames.
2012-05-10 04:09:17 +02:00
.ss-uploadfield-item-name { display: block; }
BUGFIX: Fixes #7003 Changed the calculation of the iframe size so it would be the correct height. Altered the styles of the view details area to match design. Changed the background color of the title on the file header so it wouldn't look editable (as recommended by Felipe)
2012-04-18 05:11:18 +02:00
.ss-uploadfield-edit-iframe .field.treedropdown { height: 150px !important; }
.ss-uploadfield-edit-iframe .field .TreeDropdownField ul { min-height: 100px; height: auto; max-height: 150px; }
MINOR Tree and content toolbar styling fixes (SSF-138, SSF-71)
2012-02-07 23:24:42 +01:00
.ss-ui-button.cms-page-add-button { float: left; }
.cms-tree-view-modes div { float: left; }
.cms-tree-view-modes span { float: left; padding-top: 5px; }
BUGFIX: #7004 Fixes Fixed the overflow bug in IE7, as per ticket #7004.
2012-04-19 06:06:58 +02:00
.cms-panel-content .cms-tree li { width: 200px; overflow: hidden; float: left; display: inline; }
BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
.cms-content-toolbar { padding-bottom: 5px; }
ENHANCEMENT Using native jQuery UI buttons and icon styling for a less coupled implementation (e.g. assuming that a "constructive" button always has a specific icon, or one at all). All CMS UI buttons switched to use <button> markup, which allows for inline icons and correctly aligned multi-line button labels.
2012-02-17 00:35:10 +01:00
ChangedBUG FIX: IE filter buttons (fixes #7501) * Changed spacing of IE filter buttons Conflicts: admin/css/ie7.css admin/css/ie8.css admin/scss/ie7.scss
2012-06-19 07:52:09 +02:00
.cms-menu-list li { list-style-type: none; width: 100%; float: left; margin: 0px; padding: 0px; }
ENHANCEMENT Using native jQuery UI buttons and icon styling for a less coupled implementation (e.g. assuming that a "constructive" button always has a specific icon, or one at all). All CMS UI buttons switched to use <button> markup, which allows for inline icons and correctly aligned multi-line button labels.
2012-02-17 00:35:10 +01:00
.jstree li a .ui-icon { text-indent: 0px !important; }
BUGFIX:SSF-106 added fix for no delete icons in ie7
2012-02-29 04:00:30 +01:00
MINOR Shrinking GridField button column to fit, rather than hardcoding a width for it that depends on the amount and styling of buttons in the table
2012-03-27 16:11:05 +02:00
.cms table.ss-gridfield-table tbody td { width: auto; }
BUGFIX:SSF-53 - fixed filter and reset buttons in ie7 and ie8 plus fixed an array of other ie7/8 styling bugs
2012-03-08 04:27:24 +01:00
.cms table.ss-gridfield-table tr th.extra span input { height: 23px; }
BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
.ss-gridfield-button-filter.ss-ui-button { margin: -1px -5px; }
BUGFIX:SSF-53 - fixed filter and reset buttons in ie7 and ie8 plus fixed an array of other ie7/8 styling bugs
2012-03-08 04:27:24 +01:00
BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
.ss-gridfield-button-reset.ss-ui-button { margin: -1px -5px; }
BUGFIX:SSF-53 - fixed filter and reset buttons in ie7 and ie8 plus fixed an array of other ie7/8 styling bugs
2012-03-08 04:27:24 +01:00
BUGFIX: IE Colours Replace hard coded colours in IE with variables, and refactored code so that shared IE7 and IE8 fixes are in one place.
2012-05-09 08:31:25 +02:00
.cms .ss-gridfield table.ss-gridfield-table tbody td button { width: 40px; }
BUGFIX:SSF-53 - fixed filter and reset buttons in ie7 and ie8 plus fixed an array of other ie7/8 styling bugs
2012-03-08 04:27:24 +01:00
.cms .ss-gridfield table.ss-gridfield-table tbody td button.gridfield-button-delete { display: block; float: left; }
BUGFIX:SSF-106 - removed border that appeared after click in ie7 and ie8
2012-03-09 04:45:16 +01:00
.cms .ss-gridfield table.ss-gridfield-table tbody td button.gridfield-button-unlink { display: block; float: left; }
BUGFIX:SSF-53 - fixed filter and reset buttons in ie7 and ie8 plus fixed an array of other ie7/8 styling bugs
2012-03-08 04:27:24 +01:00
.cms .ss-gridfield table.ss-gridfield-table tbody td a.edit-link { display: block; float: left; }
.cms .cms-content .cms-content-fields .field.dropdown .middleColumn { max-width: 512px; }
.pagination-page-number { position: relative; bottom: 10px; right: 10px; }
MINOR:SSF-106 - fixed position of pagination on datagrid.
2012-03-08 05:21:26 +01:00
.pagination-page-number input { width: 45px; padding: 0px; position: relative; bottom: 2px; }
BUGFIX:SSF-53 - fixed filter and reset buttons in ie7 and ie8 plus fixed an array of other ie7/8 styling bugs
2012-03-08 04:27:24 +01:00
ENHANCEMENT: Gridfield usability (fixes 7215) 1. Modified gridfield to use default colours 2. Added ability to show and hide the filter 3. Design changes to icons used 4. Gridfield template fixes: Took out broken mark-up from templates (spans were being inserted inside spans), and adjusted styles. Added extra class to template 5. Added "filter by ..." placeholder text to input fields
2012-05-16 02:18:23 +02:00
input.ss-gridfield-sort { padding-top: 0 !important; padding-bottom: 0 !important; }
BUGFIX:SSF-53 - fixed filter and reset buttons in ie7 and ie8 plus fixed an array of other ie7/8 styling bugs
2012-03-08 04:27:24 +01:00
table.ss-gridfield-table tr.title th h2 { float: left; }
table.ss-gridfield-table tr.ss-gridfield-item.odd { background: white; }
table.ss-gridfield-table tr.ss-gridfield-item.even { background: #F0F4F7; }
BUGFIX:SSF-25 - fixed styling of model admin filter in ie7 and ie8
2012-03-12 02:37:54 +01:00
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content .cms-search-form { overflow: hidden; }
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content .cms-search-form input { width: 160px; }
BUGFIX: SSF-124 - fixed width of column and positioning of show children arrow in ie7
2012-04-10 06:28:25 +02:00
BUGFIX: CMS tabs were hidden in ie7, changed css to make them appear far right
2012-05-21 03:36:47 +02:00
.cms .cms-content-tools { border-right: 1px solid #CCC; }
BUGFIX: SSF-124 - fixed width of column and positioning of show children arrow in ie7
2012-04-10 06:28:25 +02:00
.cms .ss-gridfield table.ss-gridfield-table tbody td.col-listChildrenLink { width: 16px; }
.cms .ss-gridfield table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link { background: transparent url(../images/sitetree_ss_default_icons.png) no-repeat 4px -4px; display: block; }
BUGFIX: CMS tabs were hidden in ie7, changed css to make them appear far right
2012-05-21 03:36:47 +02:00
.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; }
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.
2012-06-18 02:13:20 +02:00
ChangedBUG FIX: IE filter buttons (fixes #7501) * Changed spacing of IE filter buttons Conflicts: admin/css/ie7.css admin/css/ie8.css admin/scss/ie7.scss
2012-06-19 07:52:09 +02:00
.ss-ui-button.ss-gridfield-button-filter { border: none !important; }
BUG: IE7 vertical text fix Re-add vertical text fix, as it's been overwritten somewhere along the way
2012-08-07 03:29:33 +02:00
.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; }
Reference in New Issue Copy Permalink