mirror of
https://github.com/silverstripe/silverstripe-dms
synced 2024-10-22 14:05:56 +02:00
249 lines
4.4 KiB
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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |