tonyair
/
silverstripe-dms
mirror of https://github.com/silverstripe/silverstripe-dms
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

FIX Add CSS bundle to link edit context document add form

This commit is contained in:
Robbie Averill 2017-08-07 11:49:55 +12:00
parent 6a67cddc38
commit 5efe1a4a87
4 changed files with 34 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
code/cms/DMSDocumentAddExistingField.php
View File

@ -54,8 +54,9 @@ class DMSDocumentAddExistingField extends CompositeField
public function Field($properties = array()) public function Field($properties = array())
{ {
Requirements::javascript(DMS_DIR.'/javascript/DMSDocumentAddExistingField.js'); Requirements::javascript(DMS_DIR . '/javascript/DMSDocumentAddExistingField.js');
Requirements::javascript(DMS_DIR."/javascript/DocumentHtmlEditorFieldToolbar.js"); Requirements::javascript(DMS_DIR . '/javascript/DocumentHtmlEditorFieldToolbar.js');
Requirements::css(DMS_DIR . '/dist/css/cmsbundle.css');
return $this->renderWith('DMSDocumentAddExistingField'); return $this->renderWith('DMSDocumentAddExistingField');
} }

28
dist/css/cmsbundle.css vendored
View File

@ -172,13 +172,13 @@ form.small .field .TreeDropdownField,
.ss-add .document-add-existing .treedropdownfield-toggle-panel-link { .ss-add .document-add-existing .treedropdownfield-toggle-panel-link {
padding: 5px 9px 9px; padding: 5px 9px 9px;
background: #fff; background: #fff;
border: 1px solid #B3B3B3; border: 1px solid #b3b3b3;
float: right; float: right;
z-index: 99999; z-index: 99999;
position: relative; } position: relative; }
.ss-add .document-add-existing .treedropdownfield-toggle-panel-link.treedropdownfield-open-tree { .ss-add .document-add-existing .treedropdownfield-toggle-panel-link.treedropdownfield-open-tree {
background: #fff; background: #fff;
border: 1px solid #B3B3B3; border: 1px solid #b3b3b3;
border-bottom: none; border-bottom: none;
border-bottom-right-radius: 0; } border-bottom-right-radius: 0; }
@ -228,16 +228,18 @@ form.small .field .TreeDropdownField,
font-weight: bold; font-weight: bold;
text-shadow: 1px 1px 0 white; } text-shadow: 1px 1px 0 white; }
.ss-add .document-add-existing.link-editor-context .middleColumn { .ss-add .document-add-existing.link-editor-context .middleColumn input {
margin-left: 184px; } background: white;
.ss-add .document-add-existing.link-editor-context .middleColumn input { border: 1px solid #b3b3b3;
background: white; line-height: 16px;
border: 1px solid #B3B3B3; border-radius: 4px;
line-height: 16px; background-size: 100%;
margin: 0; max-width: 468px; }
border-radius: 4px; .ss-add .document-add-existing.link-editor-context .middleColumn input.document-autocomplete {
background-size: 100%; max-width: 365px; }
max-width: 512px; }
.ss-add .document-add-existing.link-editor-context .document-list {
width: calc(100% - 2px); }
.ss-add .ss-assetuploadfield.link-editor-context label { .ss-add .ss-assetuploadfield.link-editor-context label {
float: left; float: left;
@ -314,7 +316,7 @@ form.small .field .TreeDropdownField,
margin-top: 13px; margin-top: 13px;
padding: 10px; padding: 10px;
background: white; background: white;
border: 1px solid #B3B3B3; } border: 1px solid #b3b3b3; }
#Form_ItemEditForm ul.SelectionGroup li.selected label.ui-button:after { #Form_ItemEditForm ul.SelectionGroup li.selected label.ui-button:after {
top: 43px; } top: 43px; }
#Form_ItemEditForm ul.SelectionGroup .treedropdownfield-panel { #Form_ItemEditForm ul.SelectionGroup .treedropdownfield-panel {

2
scss/_variables.scss
View File

@ -8,3 +8,5 @@ $color-grey-lighter: #f8f8f8 !default;
$color-grey-light: #d0d3d5 !default; $color-grey-light: #d0d3d5 !default;
$color-grey-dark: #66727d !default; $color-grey-dark: #66727d !default;
$color-white: #ffffff !default; $color-white: #ffffff !default;
$color-cms-input-border: #b3b3b3 !default;

22
scss/upload.scss
View File

@ -37,14 +37,14 @@
.treedropdownfield-toggle-panel-link { .treedropdownfield-toggle-panel-link {
padding: 5px 9px 9px; padding: 5px 9px 9px;
background: #fff; background: #fff;
border: 1px solid #B3B3B3; border: 1px solid $color-cms-input-border;
float: right; float: right;
z-index: 99999; z-index: 99999;
position: relative; position: relative;
&.treedropdownfield-open-tree { &.treedropdownfield-open-tree {
background: #fff; background: #fff;
border: 1px solid #B3B3B3; border: 1px solid $color-cms-input-border;
border-bottom:none; border-bottom:none;
border-bottom-right-radius:0; border-bottom-right-radius:0;
} }
@ -100,6 +100,7 @@
} }
} }
// When inserting a link to a document via the TinyMCE editor
&.link-editor-context { &.link-editor-context {
label { label {
float: left; float: left;
@ -112,18 +113,23 @@
} }
.middleColumn { .middleColumn {
margin-left: 184px;
input { input {
background: white; background: white;
border: 1px solid #B3B3B3; border: 1px solid $color-cms-input-border;
line-height: 16px; line-height: 16px;
margin: 0;
border-radius: 4px; border-radius: 4px;
background-size: 100%; background-size: 100%;
max-width: 512px; max-width: 468px;
&.document-autocomplete {
max-width: 365px;
}
} }
} }
.document-list {
width: calc(100% - 2px);
}
} }
} }
@ -234,7 +240,7 @@
margin-top: 13px; margin-top: 13px;
padding: 10px; padding: 10px;
background: white; background: white;
border: 1px solid #B3B3B3; border: 1px solid $color-cms-input-border;
} }
&.selected { &.selected {