silverstripe-cms/scss/_CMSMain.scss

120 lines
2.2 KiB
SCSS

/**
* 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
*/
/** ------------------------------------------------------------------
* Page History Section.
* ----------------------------------------------------------------- */
#cms-page-history-versions {
tr {
&.loading {
color: #999;
td {
&:hover {
cursor: none;
}
}
}
}
td {
&:hover {
cursor: pointer;
}
}
}
.CMSPageHistoryController {
ins {
background-color: #DFD;
padding: 2px;
text-decoration: none;
}
del {
background-color: #FDD;
padding: 2px;
color: darken(#FDD, 30%);
}
}
/** --------------------------------------------
* Tree View (collapsed for sidebar)
* -------------------------------------------- */
#cms-content-treeview {
.cms-tree-expand-trigger {
display: none; // Don't show trigger in expanded mode
}
}
.cms-content-tools { // Hide certain elements when shown in "sidebar mode"
#cms-content-treeview {
.cms-content-toolbar {
border-bottom:none;
box-shadow:none;
margin-bottom:8px;
.cms-page-add-button {
margin-top:8px;
}
}
.cms-tree-view-modes,
.cms-content-batchactions {
display: none;
}
.cms-tree-expand-trigger {
display: inline-block;
margin:0 0 2px 0;
position:absolute;
top:8px;
right:4px;
span.ui-button-text{
padding-right:8px;
}
}
.cms-tree {
.badge,
a > .jstree-icon {
display: none;
}
}
}
}
/** ------------------------------------------------------------------
* URLSegment field
* ----------------------------------------------------------------- */
.field.urlsegment {
&.disabled {
color: #444;
padding-left: 0px;
margin-left: 0px;
background: none;
border-color: transparent;
}
.prefix,
.preview {
padding-top: 8px;
display: inline-block;
}
.prefix {
color: #777;
}
.cancel, .update, .edit {
margin-left: 7px;
}
}
#Form_EditForm #Title .update {
margin-left: 7px;
}