silverstripe-dms/scss/DMSMainCMS.scss

249 lines
4.4 KiB
SCSS

@import '_mixins';
//data-icon="cross-circle"
$gf_colour_zebra: #F0F4F7;
.ui-autocomplete{
border: 1px solid #DDD;
box-shadow: 0 1px 2px 0px #AFAFAF;
max-height: 300px;
overflow: scroll;
}
#Root_Documents, #Root_RelatedLinks{
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;
}
.treedropdownfield-toggle-panel-link{
padding: 5px 9px 9px;
border: 1px solid #B3B3B3;
float: right;
&.treedropdownfield-open-tree{
background:transparent;
border: 1px solid #B3B3B3;
border-bottom:none;
border-bottom-right-radius:0;
}
}
.treedropdownfield-title{
width: auto;
}
.treedropdownfield-toggle-panel-link a{
display: inline-block;
top: 4px;
position: relative;
}
.treedropdownfield-panel{
margin: -1px 0 0 0;
box-sizing: border-box;
ul{
padding: 5px 0;
li{
border: 1px solid #ffffff;
&:hover{
border: 1px solid #CCC;
border-radius: 4px;
background: rgba(203, 203, 203, 0.4);
cursor: pointer;
a{
outline:none;
border: none;
}
}
a{
&:hover{
background:transparent;
}
}
}
}
}
.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() {
.ss-add{
.document-add-existing{
input{
padding: 10px 7px;
}
}
}
}
#Form_EditForm_Documents{
padding: 1em 0;
input[name="filter[LastChanged]"] {
display: none;
}
}
#Form_EditForm_RelatedLinks{
table{
padding: 1em 0;
thead{
h2{
display: none;
}
}
}
}
#SectionID{
@include tabButtons;
}
#Form_ItemEditForm{
h3:first-child{
display: inline-block;
float: left;
}
ul.SelectionGroup{
//height: 90px;
display: inline-block;
position: relative;
padding: 0;
margin-top: 9px;
margin-left: 10px;
li{
width: auto;
clear: none;
display: inline;
margin-right: 4px;
input{
&.selector{
display:none;
}
}
label{
&.ui-button{
padding: 0.4em 0.8em;
}
}
div.field{
margin-left: 0px;
margin-bottom: 1em;
width: 600px;
position: absolute;
left:0;
margin-top: 13px;
padding: 10px;
background: white;
border: 1px solid #B3B3B3;
@include border-radius(4px);
@include background-image(linear-gradient(#efefef, #fff 10%, #fff 90%, #efefef));
}
&.selected{
label.ui-button{
@include active-actions-btn;
}
}
}
}
}