mirror of
https://github.com/silverstripe/silverstripe-dms
synced 2024-10-22 14:05:56 +02:00
ENHANCEMENT: Fix stylings to disabled status when adding a linked documents
This commit is contained in:
parent
1514ae5840
commit
3fea76c83a
@ -14,14 +14,17 @@
|
||||
.DMSDocumentAddController .ui-tabs ul.ui-tabs-nav li { padding-bottom: 1px; border: 1px solid #C0C0C2; }
|
||||
.DMSDocumentAddController .ui-tabs ul.ui-tabs-nav li a { padding: 8px 20px 8px; }
|
||||
|
||||
#Main_FromtheCMS .document-add-existing input { position: absolute; z-index: 9999; top: 70px; width: 388px; padding: 9px 7px; border-bottom-right-radius: 0; border-top-right-radius: 0; }
|
||||
#Main_FromtheCMS .document-add-existing input.disable { color: #C0C0C2; text-shadow: 0 -1px 0 white; background: #EEE; box-shadow: inset 0 1px 8px 0 #C4C4C4; }
|
||||
#Main_FromtheCMS .document-add-existing .treedropdownfield-toggle-panel-link { padding: 5px 9px 9px; }
|
||||
#Main_FromtheCMS .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; }
|
||||
#Main_FromtheCMS .document-add-existing input[disabled] { color: #C0C0C2; text-shadow: 0 -1px 0 white; background: #EEE; background-image: none; box-shadow: inset 0 1px 8px 0 #C4C4C4; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
|
||||
#Main_FromtheCMS .document-add-existing .TreeDropdownField { border: none; }
|
||||
#Main_FromtheCMS .document-add-existing .treedropdownfield-toggle-panel-link { padding: 5px 9px 9px; border: 1px solid #B3B3B3; }
|
||||
#Main_FromtheCMS .document-add-existing .treedropdownfield-title { width: auto; }
|
||||
#Main_FromtheCMS .document-add-existing .treedropdownfield-toggle-panel-link a { display: inline-block; top: 4px; position: relative; }
|
||||
#Main_FromtheCMS .document-add-existing .document-list { position: absolute; z-index: 9999; width: 386px; border: 1px solid #DDD; background: #ffffff; display: none; box-shadow: 0 2px 4px 1px #DDD; max-height: 300px; overflow: scroll; }
|
||||
#Main_FromtheCMS .document-add-existing .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; }
|
||||
#Main_FromtheCMS .document-add-existing .document-list ul li { display: block; line-height: 18px; padding: 4px 8px; border: 1px solid #FFF; }
|
||||
#Main_FromtheCMS .document-add-existing .document-list ul li:hover { border: 1px solid #CCC; border-radius: 4px; background: rgba(203, 203, 203, 0.4); }
|
||||
|
||||
@-moz-document url-prefix() { #Main_FromtheCMS .document-add-existing input { padding: 10px 7px; } }
|
||||
|
||||
#Form_EditForm_Documents { padding: 1em 0; }
|
||||
#Form_EditForm_Documents input[name="filter[LastChanged]"] { display: none; }
|
||||
|
@ -63,19 +63,26 @@ $gf_colour_zebra: #F0F4F7;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
top: 70px;
|
||||
width: 388px;
|
||||
width: 390px;
|
||||
padding: 9px 7px;
|
||||
border-bottom-right-radius:0;
|
||||
border-top-right-radius:0;
|
||||
&.disable{
|
||||
&[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;
|
||||
}
|
||||
.treedropdownfield-toggle-panel-link{
|
||||
padding: 5px 9px 9px;
|
||||
border: 1px solid #B3B3B3;
|
||||
}
|
||||
.treedropdownfield-title{
|
||||
width: auto;
|
||||
@ -88,12 +95,15 @@ $gf_colour_zebra: #F0F4F7;
|
||||
.document-list{
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
width: 386px;
|
||||
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{
|
||||
@ -105,8 +115,6 @@ $gf_colour_zebra: #F0F4F7;
|
||||
border: 1px solid #CCC;
|
||||
border-radius: 4px;
|
||||
background: rgba(203, 203, 203, 0.4);
|
||||
//background: #DADADA url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
|
||||
//background: rgba(0,255,0,0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -114,6 +122,18 @@ $gf_colour_zebra: #F0F4F7;
|
||||
}
|
||||
}
|
||||
|
||||
// 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]"] {
|
||||
|
Loading…
Reference in New Issue
Block a user