silverstripe-cms/scss/_CMSMain.scss

128 lines
2.3 KiB
SCSS
Raw Normal View History

/**
* 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
}
}
// Hide certain elements when shown in "sidebar mode"
.cms-content-tools {
#cms-content-treeview {
.cms-content-toolbar {
border-bottom:none;
box-shadow:none;
margin-bottom: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 {
// Hide badges and drag icons to save space
.badge,
a > .jstree-icon {
display: none;
}
// Show badge on hovered node
a:hover > .text > .badge, .jstree-clicked > .text > .badge {
display: inline-block;
}
}
}
2012-05-10 02:01:57 +02:00
}
/** ------------------------------------------------------------------
* URLSegment field
* ----------------------------------------------------------------- */
.field.urlsegment {
2012-05-10 02:01:57 +02:00
&.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;
}
.help {
margin-left: 0;
}
}
#Form_EditForm #Title .update {
margin-left: 7px;
}