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
5d7aa8f35a
silverstripe-framework/css/GridField.css

42 lines
6.7 KiB
CSS
Raw Normal View History

API CHANGE: Refactored GridField modifiers into GridField_ColumnProvider, GridField_HTMLProvider, GridField_ActionProvider, and GridField_DataModifier interfaces, all added as components in the config. API CHANGE: Simplified state handling so that it's just a key store. Affectors are replaced with GridField_ActionProviders. API CHANGE: Removed GridField state manipulation actions instead opting for GridField_ActionProvider actions. API CHANGE: Removed support for modifiers that add "body" rows, instead having core support for generating the body rows hardcoded into the GridField. API CHANGE: Allow modification of columns across the whole GridField with the GridField_ColumnProvider interface. API CHANGE: Renamed GridField_AlterAction to GridField_Action, and added actionName/args parameters, since it can be used for all actions (including batch actions and row actions) API CHANGE: Removed GridFieldRow class.
2011-12-06 01:56:24 +01:00
/** Core styles for the basic GridField form field without any specific style. @package sapphire @subpackage scss @todo Add radial gradient to default delete button state @todo Create SASS mixin-function to simply swap the from/to, to to/from colours in grsdient mixins? */
BUGFIX: Added default args to GridFieldPopupForms for AssetAdmin which was casing errors BUGFIX: Added GridFieldFilter() to new GridFieldConfig whuch adds filters and fixes the display MINOR: Added gridfield specific margins to form div to push GridField display down-page (due to GF's sort-fields which will be refactored from new designs)
2012-01-29 21:26:39 +01:00
.cms fieldset.ss-gridfield > div { margin-bottom: 35px; }
ENHANCEMENT Allow selection of items in GridField (via JavaScript only)
2012-02-07 20:56:40 +01:00
.cms fieldset.ss-gridfield[data-selectable] tr.ui-selected, .cms fieldset.ss-gridfield[data-selectable] tr.ui-selecting { background: #FFFAD6 !important; }
.cms fieldset.ss-gridfield[data-selectable] td { cursor: pointer; }
ENHANCEMENT Inserting image via new dialog with ajax field retrieval and GridField file selection. Rewritten to jQuery.entwine and using the new HTML editor abstraction layer.
2012-02-09 17:17:39 +01:00
.cms table.ss-gridfield.field { display: table; box-shadow: none; padding: 0; margin: 20px 0 0 0; border-collapse: separate; border-bottom: 0 none; width: 100%; }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field thead { color: #1d2224; background: transparent; }
.cms table.ss-gridfield.field tbody { background: #FFF; }
MINOR: Typo in language file
2012-01-10 00:31:09 +01:00
.cms table.ss-gridfield.field tbody td { /* Emulate a link by default */ }
.cms table.ss-gridfield.field tbody td button { border: none; background: none; margin: 0 0 0 2px; padding: 0; width: auto; text-shadow: none; }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field tfoot { color: #1d2224; }
MINOR GridField column header and sorting styles
2012-02-01 02:06:06 +01:00
.cms table.ss-gridfield.field tfoot tr td { background: #95a5ab; padding: .7em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field tr.sortable-header th { background: #7f9198; }
.cms table.ss-gridfield.field tr:hover { background: #FFFAD6 !important; }
.cms table.ss-gridfield.field tr:first-child { background: transparent; }
MINOR GridField column header and sorting styles
2012-02-01 02:06:06 +01:00
.cms table.ss-gridfield.field tr.ss-gridfield-even { background: #f0f4f7; }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field tr.ss-gridfield-even.ss-gridfield-last { border-bottom: none; }
MINOR Tree and content toolbar styling fixes (SSF-138, SSF-71)
2012-02-07 23:24:42 +01:00
.cms table.ss-gridfield.field tr.even { background: #f0f4f7; }
MINOR GridField column header and sorting styles
2012-02-01 02:06:06 +01:00
.cms table.ss-gridfield.field tr th { font-weight: bold; font-size: 12px; color: #FFF; padding: 5px; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.cms table.ss-gridfield.field tr th.main:first-child { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 7px; }
.cms table.ss-gridfield.field tr th.main:last-child { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -khtml-border-top-right-radius: 7px; border-top-right-radius: 7px; }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field tr th div.fieldgroup, .cms table.ss-gridfield.field tr th div.fieldgroup-field { width: auto; }
MINOR Updated css
2012-02-07 12:25:55 +01:00
.cms table.ss-gridfield.field tr th div.fieldgroup { min-width: 200px; padding-right: 0; }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field tr th.extra, .cms table.ss-gridfield.field tr th.action { background: #7f9198; padding: 0; cursor: default; }
.cms table.ss-gridfield.field tr th.extra button.ss-ui-button, .cms table.ss-gridfield.field tr th.extra button:hover.ss-ui-button, .cms table.ss-gridfield.field tr th.action button.ss-ui-button, .cms table.ss-gridfield.field tr th.action button:hover.ss-ui-button { margin-left: .9em; color: #222; }
MINOR GridField column header and sorting styles
2012-02-01 02:06:06 +01:00
.cms table.ss-gridfield.field tr th.main { border-top: 1px solid rgba(0, 0, 0, 0.1); color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b1c0c5), color-stop(100%, #7f9198)); background-image: -webkit-linear-gradient(#b1c0c5, #7f9198); background-image: -moz-linear-gradient(#b1c0c5, #7f9198); background-image: -o-linear-gradient(#b1c0c5, #7f9198); background-image: -ms-linear-gradient(#b1c0c5, #7f9198); background-image: linear-gradient(#b1c0c5, #7f9198); }
.cms table.ss-gridfield.field tr th.main span { text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; }
.cms table.ss-gridfield.field tr th.extra { background: #bac8ce; padding: 5px; border-top: rgba(0, 0, 0, 0.3); }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field tr th.extra span { width: auto; display: inline; position: static; }
MINOR Updated css
2012-02-07 12:25:55 +01:00
.cms table.ss-gridfield.field tr th.extra button.ss-ui-button { padding: .3em; line-height: 1; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; border-bottom-width: 0; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field tr th.action { border-right: 0; }
.cms table.ss-gridfield.field tr th.first { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 7px; }
.cms table.ss-gridfield.field tr th.last { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -khtml-border-top-right-radius: 7px; border-top-right-radius: 7px; }
MINOR GridField column header and sorting styles
2012-02-01 02:06:06 +01:00
.cms table.ss-gridfield.field tr th button:hover { color: #ccc !important; /* Not sure why IE think it needs this */ }
.cms table.ss-gridfield.field tr th button.ss-gridfield-sort:hover { color: #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
MINOR Updated css
2012-02-07 12:25:55 +01:00
.cms table.ss-gridfield.field tr th button.ss-gridfield-sort { background: transparent url(../images/arrows-01.png) no-repeat right 2px; border: none; width: 100%; text-align: left; padding: 4px 0; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
MINOR GridField column header and sorting styles
2012-02-01 02:06:06 +01:00
.cms table.ss-gridfield.field tr th input.ss-gridfield-sort { padding: 2px; }
BUGFIX: Prevented horizontal scrollbar apearing, irresective of screen-res. MINOR: Removed box-shadow for gridfield .field elements. Previous fix revealed this extending beyond GridField table's right-side
2012-01-09 20:38:58 +01:00
.cms table.ss-gridfield.field tr th input.ss-gridfield-sort:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
MINOR GridField column header and sorting styles
2012-02-01 02:06:06 +01:00
.cms table.ss-gridfield.field tr td { border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 7px 12px; color: #666666; }
.cms table.ss-gridfield.field tr td.bottom-all { -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -o-border-bottom-left-radius: 7px; -ms-border-bottom-left-radius: 7px; -khtml-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -o-border-bottom-right-radius: 7px; -ms-border-bottom-right-radius: 7px; -khtml-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b1c0c5), color-stop(100%, #7f9198)); background-image: -webkit-linear-gradient(#b1c0c5, #7f9198); background-image: -moz-linear-gradient(#b1c0c5, #7f9198); background-image: -o-linear-gradient(#b1c0c5, #7f9198); background-image: -ms-linear-gradient(#b1c0c5, #7f9198); background-image: linear-gradient(#b1c0c5, #7f9198); }
MINOR: Re-instated <td> horizontal borders
2012-01-10 00:58:48 +01:00
.cms table.ss-gridfield.field tr.last td { border-bottom: 0 none; }
MINOR GridField column header and sorting styles
2012-02-01 02:06:06 +01:00
.cms table.ss-gridfield.field td:first-child, .cms table.ss-gridfield.field th:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); }
Reference in New Issue Copy Permalink