tonyair/silverstripe-cms
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-cms synced 2024-10-22 08:05:56 +02:00
Code Issues Projects Releases Wiki Activity
ba3d482db9
silverstripe-cms/css/screen.css

54 lines
6.6 KiB
CSS
Raw Normal View History

MINOR Combining CSS in CMS, added AssetAdmin styles
2012-02-23 20:19:03 +01:00
/** This file is the central collection of included modules, links to custom SCSS files, and any global SCSS variable definitions. DO NOT ADD stylesheet rules to this file directly! Note: By prefixing files with an underscore, they won't create individual CSS files. */
/** ----------------------------- Core Compass Libraries ------------------------------ */
/** ----------------------------- CMS Components ------------------------------ */
API CHANGE Combined "Pages" and "Edit Page" into a single menu entry ENHANCEMENT Namespaced tree search parameters in CMSMain, in order to detect more reliably if a filter has been applied. Changing page search form to standard pushState behaviour, same as ModelAdmin (for both tree and list view). MINOR Refactored list view loading
2012-04-16 15:55:19 +02:00
/** Style custom to the CMSMain admin interface. CMSMain extends the built in SilverStripe admin section styles. As much as possible we want to use those built in styles. If anything in this file can be implemented in a generic way then it should be include in the admin scss files. @package cms */
MINOR Combining CSS in CMS, added AssetAdmin styles
2012-02-23 20:19:03 +01:00
/** ------------------------------------------------------------------ Page History Section. ----------------------------------------------------------------- */
#cms-page-history-versions tr.loading { color: #999; }
#cms-page-history-versions tr.loading td:hover { cursor: none; }
#cms-page-history-versions td:hover { cursor: pointer; }
.CMSPageHistoryController ins { background-color: #DFD; padding: 2px; text-decoration: none; }
.CMSPageHistoryController del { background-color: #FDD; padding: 2px; color: #ff4444; }
API CHANGE Combined "Pages" and "Edit Page" into a single menu entry ENHANCEMENT Namespaced tree search parameters in CMSMain, in order to detect more reliably if a filter has been applied. Changing page search form to standard pushState behaviour, same as ModelAdmin (for both tree and list view). MINOR Refactored list view loading
2012-04-16 15:55:19 +02:00
/** -------------------------------------------- Tree View (collapsed for sidebar) -------------------------------------------- */
#cms-content-treeview .cms-tree-expand-trigger { display: none; }
ENHANCEMENT:Trac#7166 - styled the new combined tree and edit view.
2012-04-18 03:36:15 +02:00
.cms-content-tools #cms-content-treeview .cms-content-toolbar { border-bottom: none; box-shadow: none; margin-bottom: 8px; }
API CHANGE Combined "Pages" and "Edit Page" into a single menu entry ENHANCEMENT Namespaced tree search parameters in CMSMain, in order to detect more reliably if a filter has been applied. Changing page search form to standard pushState behaviour, same as ModelAdmin (for both tree and list view). MINOR Refactored list view loading
2012-04-16 15:55:19 +02:00
.cms-content-tools #cms-content-treeview .cms-tree-view-modes, .cms-content-tools #cms-content-treeview .cms-content-batchactions { display: none; }
"Edit tree" button alignment Happens to work for the width of the english label, but breaks on any other language with longer labels. Don't make the button absolutely positioned. Partially reverts 1e25637a.
2012-08-12 23:19:39 +02:00
.cms-content-tools #cms-content-treeview .cms-tree-expand-trigger { display: inline-block; margin: 0 0 2px 0; }
ENHANCEMENT:Trac#7166 - styled the new combined tree and edit view.
2012-04-18 03:36:15 +02:00
.cms-content-tools #cms-content-treeview .cms-tree-expand-trigger span.ui-button-text { padding-right: 8px; }
API CHANGE Combined "Pages" and "Edit Page" into a single menu entry ENHANCEMENT Namespaced tree search parameters in CMSMain, in order to detect more reliably if a filter has been applied. Changing page search form to standard pushState behaviour, same as ModelAdmin (for both tree and list view). MINOR Refactored list view loading
2012-04-16 15:55:19 +02:00
.cms-content-tools #cms-content-treeview .cms-tree .badge, .cms-content-tools #cms-content-treeview .cms-tree a > .jstree-icon { display: none; }
Always show badge on current page in side tree
2012-07-23 12:16:39 +02:00
.cms-content-tools #cms-content-treeview .cms-tree a:hover > .text > .badge, .cms-content-tools #cms-content-treeview .cms-tree .jstree-clicked > .text > .badge { display: inline-block; }
API CHANGE Combined "Pages" and "Edit Page" into a single menu entry ENHANCEMENT Namespaced tree search parameters in CMSMain, in order to detect more reliably if a filter has been applied. Changing page search form to standard pushState behaviour, same as ModelAdmin (for both tree and list view). MINOR Refactored list view loading
2012-04-16 15:55:19 +02:00
Trac 6981: Opt-in URL Updating
2012-05-10 02:01:57 +02:00
/** ------------------------------------------------------------------ URLSegment field ----------------------------------------------------------------- */
BUG Visual cue that URLSegment is updating Added a loading class on .field.urlsegment to indicate that the URLSegment is updating its value, set before and after self.suggest().
2012-08-17 10:05:39 +02:00
.field.urlsegment.loading { background: url(../images/loading.gif) no-repeat 162px 8px; }
ENHANCEMENT Refactored SiteTreeURLSegmentField JS to a more selector based approach (future proof field for reusability e.g. in ModelAdmin with custom DataObject URL previews)
2012-05-10 14:18:22 +02:00
.field.urlsegment .prefix, .field.urlsegment .preview { padding-top: 8px; display: inline-block; }
.field.urlsegment .prefix { color: #777; }
.field.urlsegment .cancel, .field.urlsegment .update, .field.urlsegment .edit { margin-left: 7px; }
MINOR Resetting margin on URLSegment help text (changed due to new .help default styling in core)
2012-06-13 13:16:15 +02:00
.field.urlsegment .help { margin-left: 0; }
Trac 6981: Opt-in URL Updating
2012-05-10 02:01:57 +02:00
ENHANCEMENT Update URLSegment from Title (closes #6981)
2012-05-13 06:55:26 +02:00
#Form_EditForm #Title .update { margin-left: 7px; }
BUGFIX:SSF-106 - fixed overflow issues on asset admin
2012-03-12 22:52:30 +01:00
.cms .AssetAdmin .cms-content-fields { overflow: hidden; }
.cms .AssetAdmin .cms-content-fields .cms-edit-form.AssetAdmin { overflow-y: auto; }
BUGFIX:Trac Ticket #7015 - removed unnecessary scrollbars from files and images filter and increased height of search field to accommodate the dropdown.
2012-03-13 04:11:51 +01:00
.cms .AssetAdmin .cms-content-fields .cms-content-tools .cms-panel-content { overflow: hidden; }
.cms .AssetAdmin .cms-content-fields .cms-content-tools .cms-panel-content .cms-search-form { height: 100%; }
BUGFIX: Change styles on tabs to new format.
2012-05-10 23:12:35 +02:00
.cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 12px 20px 12px; text-indent: -9999em; background: url(../images/content-header-tabs-sprite.png) no-repeat; }
.cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav li.content-treeview a { background-position: 2px 0px; }
.cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav li.content-galleryview a { background-position: -160px 0px; }
.cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav li.content-listview a { background-position: -39px 0px; }
BUGFIX:SSF-30 - moved tabs SCSS from _style.scss to AssetAdmin.scss
2012-03-07 21:03:03 +01:00
.cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-state-active, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active { border-top: none; }
BUGFIX: Change styles on tabs to new format.
2012-05-10 23:12:35 +02:00
.cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-state-active.content-treeview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active.content-treeview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active.content-treeview a { background-position: 1px -40px; }
.cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-state-active.content-galleryview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active.content-galleryview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active.content-galleryview a { background-position: -161px -40px; }
.cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-state-active.content-listview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active.content-listview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active.content-listview a { background-position: -38px -40px; }
BUG Visual cue that URLSegment is updating Added a loading class on .field.urlsegment to indicate that the URLSegment is updating its value, set before and after self.suggest().
2012-08-17 10:05:39 +02:00
.cms .AssetAdmin .cms-content-toolbar .cms-page-add-button { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(#f3f3f3, #d9d9d9); background-image: -moz-linear-gradient(#f3f3f3, #d9d9d9); background-image: -o-linear-gradient(#f3f3f3, #d9d9d9); background-image: linear-gradient(#f3f3f3, #d9d9d9); border-color: #c0c0c2; }
ENHANCEMENT:SSF-30 - changed color of add folder button.
2012-03-07 05:33:15 +01:00
.cms .AssetAdmin .cms-content-toolbar .cms-page-add-button span.btn-icon-add { height: 17px; }
.cms .AssetAdmin .cms-content-toolbar .cms-page-add-button span.ui-button-text { color: #393939; text-shadow: white 0 1px 1px; }
ENHANCEMENT:added folder icons to assetAdmin tree view
2012-04-26 02:30:32 +02:00
.cms .AssetAdmin #Root_TreeView .cms-tree ul .class-Folder a span.text span.jstree-foldericon { background: url(../images/blue-folder-horizontal.png) no-repeat; width: 16px; height: 16px; float: left; display: block; margin-right: 4px; }
MINOR Combining CSS in CMS, added AssetAdmin styles
2012-02-23 20:19:03 +01:00
.cms .AssetAdmin #Form_EditForm_File td { padding-top: 0; padding-bottom: 0; }
MINOR:SSF-106 - added padding to the tfoot of the asset admin datagrid (for the styling of pagination)
2012-03-06 03:00:36 +01:00
.cms .AssetAdmin #Form_EditForm_File td.bottom-all { padding: 0.7em; }
MINOR AssetAdmin tweaks to folder/file thumbnail columns to be tidier
2012-05-18 04:39:26 +02:00
.cms .AssetAdmin #Form_EditForm_File td.col-StripThumbnail { padding: 1px 5px; width: 32px; height: 32px; }
MINOR Combining CSS in CMS, added AssetAdmin styles
2012-02-23 20:19:03 +01:00
.cms .AssetAdmin #Form_EditForm_File td.col-StripThumbnail img { width: 32px; height: 32px; }
MINOR AssetAdmin tweaks to folder/file thumbnail columns to be tidier
2012-05-18 04:39:26 +02:00
.cms .AssetAdmin #Form_EditForm_File tr[data-class=Folder] td.col-StripThumbnail { background: transparent url(../images/treeicons/blue-folder-horizontal.png) no-repeat center; }
.cms .AssetAdmin #Form_EditForm_File tr[data-class=File] td.col-StripThumbnail { background: transparent url(../images/treeicons/blue-document.png) no-repeat center; }
Reference in New Issue Copy Permalink