silverstripe-dms/scss/DMSMainCMS.scss

158 lines
2.9 KiB
SCSS

//data-icon="cross-circle"
$gf_colour_zebra: #F0F4F7;
.ui-autocomplete{
border: 1px solid #DDD;
box-shadow: 0 1px 2px 0px #AFAFAF;
}
#Root_Documents{
padding-left: 0;
table{
white-space:normal;
th{
&.col-action_SetOrderTitle, &.col-FilenameWithoutID{
width: 300px;
}
}
td{
white-space:normal;
}
td.col-buttons{
white-space:nowrap;
.dms-delete-link-only{
.ui-icon{
background: url(../images/chain-unchain.png) no-repeat;
}
}
}
tr.dms-document-hidden-row {
&.odd {
background-color: mix($gf_colour_zebra, rgba(255, 4, 0, 0.2));
}
&.even {
background-color: mix($gf_colour_zebra, rgba(255, 4, 0, 0.35));
}
&:hover {
background-color: mix($gf_colour_zebra, rgba(255, 4, 0, 0.6)) !important;
}
}
}
}
.DMSDocumentAddController .ui-tabs{
ul.ui-tabs-nav{
border-bottom:none;
float: right;
margin: 8px 0 -1px 0;
padding: 0 24px 0 0;
li{
padding-bottom: 1px;
border: 1px solid #C0C0C2;
a{
padding: 8px 20px 8px;
}
}
}
}
.ss-add{
.document-add-existing{
input{
position: absolute;
z-index: 9999;
//top: 70px;
width: 390px;
padding: 9px 7px;
border-bottom-right-radius:0;
border-top-right-radius:0;
outline:none;
box-sizing:border-box;
&[disabled]{
color: #C0C0C2;
text-shadow: 0 -1px 0 #FFF;
background: #EEE;
background-image:none;
box-shadow: inset 0 1px 8px 0 #C4C4C4;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
}
.TreeDropdownField{
border:none;
width: 100%;
max-width: 512px;
box-sizing: border-box;
cursor:pointer;
overflow:hidden;
margin-bottom: 20px;
}
.treedropdownfield-toggle-panel-link{
padding: 5px 9px 9px;
border: 1px solid #B3B3B3;
float: right;
}
.treedropdownfield-title{
width: auto;
}
.treedropdownfield-toggle-panel-link a{
display: inline-block;
top: 4px;
position: relative;
}
.treedropdownfield-panel{
li{
&:hover{
cursor: pointer;
}
}
}
.document-list{
position: absolute;
z-index: 9999;
width: 510px;
border: 1px solid #DDD;
border-top:none;
background: #ffffff;
display: none;
box-shadow:0 2px 4px 1px #DDD;
max-height:300px;
border-radius: 6px;
background-clip: padding-box;
overflow:scroll;
ul{
li{
display: block;
line-height:18px;
padding: 4px 8px;
border: 1px solid #FFF;
&:hover{
border: 1px solid #CCC;
border-radius: 4px;
background: rgba(203, 203, 203, 0.4);
}
}
}
}
}
}
// Hack for Firefox to fix padding on adding document input.
// FF renders the size different and pushes it out by 2px compared to webkit
@-moz-document url-prefix() {
#Main_FromtheCMS{
.document-add-existing{
input{
padding: 10px 7px;
}
}
}
}
#Form_EditForm_Documents {
padding: 1em 0;
input[name="filter[LastChanged]"] {
display: none;
}
}