tonyair/silverstripe-dms
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-dms synced 2024-10-22 14:05:56 +02:00
Code Issues Projects Releases Wiki Activity

MINOR: Remove border from under actions buttons

Browse Source
This commit is contained in:
Ryan O'Hara 2012-08-08 14:18:29 +12:00
parent a629f4b66e
commit 2015329bd7
3 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/DMSDocumentCMSFields.css
View File

@ -18,15 +18,17 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
#DocumentTypeID ul li.selected :after { box-shadow: 0 1px 1px 0 #DDD; } #DocumentTypeID ul li.selected :after { box-shadow: 0 1px 1px 0 #DDD; }
#DocumentTypeID ul li label { padding: .4em 1em; display: inline-block; line-height: 1.4; white-space: normal; max-width: 60px; } #DocumentTypeID ul li label { padding: .4em 1em; display: inline-block; line-height: 1.4; white-space: normal; max-width: 60px; }
#Actions { box-shadow: none; border: none; padding: 0; }
#Actions li { margin-left: 2px; } #Actions li { margin-left: 2px; }
#Actions li:first-child { margin-left: 0; } #Actions li:first-child { margin-left: 0; }
#ActionsPanel { display: none; }
#ActionsPanel .middleColumn { margin-left: 184px; } #ActionsPanel .middleColumn { margin-left: 184px; }
#ActionsPanel label.fieldholder-small-label { display: none; } #ActionsPanel label.fieldholder-small-label { display: none; }
#ActionsPanel .fieldgroup-field { float: none; width: auto; } #ActionsPanel .fieldgroup-field { float: none; width: auto; }
#ActionsPanel .fieldgroup-field .fieldholder-small label { float: none; width: auto; margin: 0; padding: 0; } #ActionsPanel .fieldgroup-field .fieldholder-small label { float: none; width: auto; margin: 0; padding: 0; }
#ActionsPanel .fieldgroup-field .fieldholder-small label.ss-ui-button { float: left; margin: 0 10px 0 0; } #ActionsPanel .fieldgroup-field .fieldholder-small label.ss-ui-button { float: left; margin: 0 10px 0 0; }
#Form_ItemEditForm fieldset table.ss-gridfield-table { width: auto; } #Form_ItemEditForm fieldset table.ss-gridfield-table { width: auto; max-width: 508px; }
#Form_ItemEditForm fieldset table.ss-gridfield-table tr th.main { min-width: 200px; } #Form_ItemEditForm fieldset table.ss-gridfield-table tr th.main { min-width: 175px; }
#Form_ItemEditForm fieldset table.ss-gridfield-table tr th.main.col-action_SetOrderID { width: 60px; min-width: 60px; } #Form_ItemEditForm fieldset table.ss-gridfield-table tr th.main.col-action_SetOrderID { width: 60px; min-width: 60px; }

3
javascript/DMSDocumentCMSFields.js
View File

@ -31,7 +31,8 @@
onclick: function(e) { onclick: function(e) {
//TODO - Fix so when clicking on an action it toggles the correct details inside the ActionsPanel //TODO - Fix so when clicking on an action it toggles the correct details inside the ActionsPanel
// Currently this just hides the whole ActionsPanel when you click an action button // Currently this just hides the whole ActionsPanel when you click an action button
this.parents('fieldset').find('#ActionsPanel').hide(); e.preventDefault();
this.parents('fieldset').find('#ActionsPanel').toggle();
} }
}); });

7
scss/DMSDocumentCMSFields.scss
View File

@ -88,6 +88,9 @@ form.small .field .TreeDropdownField,
} }
} }
#Actions{ #Actions{
box-shadow:none;
border:none;
padding:0;
li{ li{
margin-left: 2px; margin-left: 2px;
&:first-child{ &:first-child{
@ -97,6 +100,7 @@ form.small .field .TreeDropdownField,
} }
#ActionsPanel{ #ActionsPanel{
display: none;
.middleColumn{ .middleColumn{
margin-left:184px; margin-left:184px;
} }
@ -125,9 +129,10 @@ form.small .field .TreeDropdownField,
fieldset{ fieldset{
table.ss-gridfield-table{ table.ss-gridfield-table{
width: auto; width: auto;
max-width:508px;
tr{ tr{
th.main{ th.main{
min-width:200px; min-width:175px;
&.col-action_SetOrderID{ &.col-action_SetOrderID{
width:60px; width:60px;
min-width:60px; min-width:60px;