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
5e7bb584e9
silverstripe-dms/css/DMSDocumentCMSFields.css

63 lines
8.1 KiB
CSS
Raw Normal View History

ENHANCEMENT: Styling for Adding document edit panel. Duplicate file type icons and rename with osx extensions
2012-08-07 02:23:03 +02:00
form.small .field input.text, form.small .field textarea, form.small .field select, form.small .field .TreeDropdownField, .field.small input.text, .field.small textarea, .field.small select, .field.small .TreeDropdownField { width: 100%; }
ENHANCEMENT: add styling to meta-data. MINOR: Add initial styling for document type and action buttons with JS to hide panels - this needs a lot of work
2012-08-03 02:18:55 +02:00
#FileP .fieldgroup-field { width: 100%; }
ENHANCEMENT: Styling for Adding document edit panel. Duplicate file type icons and rename with osx extensions
2012-08-07 02:23:03 +02:00
#FileP .fieldgroup-field .cms-file-info-preview { box-shadow: none; }
ENHANCEMENT: add styling to meta-data. MINOR: Add initial styling for document type and action buttons with JS to hide panels - this needs a lot of work
2012-08-03 02:18:55 +02:00
#FileP .fieldgroup-field .cms-file-info-data { width: 400px; }
#FileP .fieldgroup-field .fieldholder-small { margin-top: 5px; }
ENHANCEMENT: Styling for Adding document edit panel. Duplicate file type icons and rename with osx extensions
2012-08-07 02:23:03 +02:00
#FileP .fieldgroup-field .fieldholder-small label { width: auto; margin-left: 0; padding-top: 0; margin-right: 10px; font-weight: bold; float: left; }
ENHANCEMENT: add styling to meta-data. MINOR: Add initial styling for document type and action buttons with JS to hide panels - this needs a lot of work
2012-08-03 02:18:55 +02:00
#FileP .fieldgroup-field .fieldholder-small .readonly { font-style: italic; color: #666; }
ENHANCEMENT: Styling to related links insert page
2012-08-23 05:44:47 +02:00
#DocumentTypeID .middleColumn { overflow: auto; min-width: 800px; }
#DocumentTypeID .middleColumn ul { padding: 0; }
#DocumentTypeID .middleColumn ul input[type="radio"] { display: none; }
#DocumentTypeID .middleColumn ul li { display: table; padding: 0; width: 125px; height: 40px; white-space: normal; margin-right: -1px; border-radius: 0; }
#DocumentTypeID .middleColumn ul li:first-child { border-radius: 6px 0 0 6px; border-left: 1px solid #C0C0C2; }
#DocumentTypeID .middleColumn ul li:last-child { border-radius: 0 6px 6px 0; }
Fix issues with document actions panel ui in cms
2014-07-10 01:44:13 +02:00
#DocumentTypeID .middleColumn ul li.selected, .ie8 #DocumentTypeID .middleColumn ul li.selected { border-bottom: 1px solid #C0C0C2; background: -moz-linear-gradient(#c0c0c0, #e6e6e6); background: -webkit-linear-gradient(#c0c0c0, #e6e6e6); background: linear-gradient(#c0c0c0, #e6e6e6); background-color: silver; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C0C0C2', endColorstr='#E6E6E6'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C0C0C2', endColorstr='#E6E6E6')"; /* IE8 */ box-shadow: 0 1px 1px 0 #A0A0A0 inset; }
BUGFIX: IE8 Document type selected stylings
2012-09-12 01:57:30 +02:00
#DocumentTypeID .middleColumn ul li.selected :after, .ie8 #DocumentTypeID .middleColumn ul li.selected :after { box-shadow: 0 1px 1px 0 #DDD; }
ENHANCEMENT: Styling to related links insert page
2012-08-23 05:44:47 +02:00
#DocumentTypeID .middleColumn ul li label { display: table-cell; vertical-align: middle; text-align: center; padding: 0 10px; }
ENHANCEMENT: Add styling to Document type buttons. TODO - Allow selected styling to only be added once.
2012-08-06 06:55:57 +02:00
MINOR: Remove border from under actions buttons
2012-08-08 04:18:29 +02:00
#Actions { box-shadow: none; border: none; padding: 0; }
ENHANCEMENT: Add styling to Document type buttons. TODO - Allow selected styling to only be added once.
2012-08-06 06:55:57 +02:00
#Actions li { margin-left: 2px; }
#Actions li:first-child { margin-left: 0; }
ENHANCEMENT: Styling to DMS actions button and panel
2012-08-13 07:51:59 +02:00
#Actions li.delete-button-appended { display: inline-block; position: relative; margin-left: 0; }
Fix issues with document actions panel ui in cms
2014-07-10 01:44:13 +02:00
#Actions li.dms-active { border-bottom: 1px solid #C0C0C2; background: -moz-linear-gradient(#c0c0c0, #e6e6e6); background: -webkit-linear-gradient(#c0c0c0, #e6e6e6); background: linear-gradient(#c0c0c0, #e6e6e6); background-color: silver; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C0C0C2', endColorstr='#E6E6E6'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C0C0C2', endColorstr='#E6E6E6')"; /* IE8 */ box-shadow: 0 1px 1px 0 #A0A0A0 inset; }
ENHANCEMENT: Styling to related links insert page
2012-08-23 05:44:47 +02:00
#Actions li.dms-active:after { content: ''; display: block; position: absolute; top: 33px; left: 50%; margin-left: -6px; width: 12px; height: 12px; background: #F8F8F8; border-right: 1px solid #B3B3B3; border-top: 1px solid #B3B3B3; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); pointer-events: none; z-index: 10; }
Remove tabs styling from buttons
2012-08-03 06:17:19 +02:00
fix js and styles for SS 3.2+
2016-06-09 07:12:12 +02:00
.DMSDocumentActionsPanel { /*.middleColumn{
fixed CMSfields js and css issues
2013-11-12 08:09:32 +01:00
margin-left:184px;
width: 510px;
form.small &{
margin-left: 120px;
}
}
*/ /*label.fieldholder-small-label{
display: none;
}*/ }
fix js and styles for SS 3.2+
2016-06-09 07:12:12 +02:00
.DMSDocumentActionsPanel .fieldgroup { display: none; float: none; width: auto; background: #f8f8f8; padding: 15px; border: 1px solid #d0d3d5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.DMSDocumentActionsPanel .fieldgroup .fieldholder-small label { float: none; width: auto; margin: 0; padding: 0; }
.DMSDocumentActionsPanel .fieldgroup .fieldholder-small label.ss-ui-button { float: left; margin: 0 10px 0 0; }
.DMSDocumentActionsPanel .fieldgroup .embargo li, .DMSDocumentActionsPanel .fieldgroup .expiry li { float: none; width: 100%; margin-left: 8px; }
.DMSDocumentActionsPanel .fieldgroup .embargo li label, .DMSDocumentActionsPanel .fieldgroup .expiry li label { padding-left: 10px; }
.DMSDocumentActionsPanel .fieldgroup .embargo .embargoDatetime, .DMSDocumentActionsPanel .fieldgroup .embargo .expiryDatetime, .DMSDocumentActionsPanel .fieldgroup .expiry .embargoDatetime, .DMSDocumentActionsPanel .fieldgroup .expiry .expiryDatetime { margin-top: 0; margin-left: 34px; overflow: hidden; }
.DMSDocumentActionsPanel .fieldgroup .embargo .embargoDatetime .field.date, .DMSDocumentActionsPanel .fieldgroup .embargo .embargoDatetime .field.time, .DMSDocumentActionsPanel .fieldgroup .embargo .expiryDatetime .field.date, .DMSDocumentActionsPanel .fieldgroup .embargo .expiryDatetime .field.time, .DMSDocumentActionsPanel .fieldgroup .expiry .embargoDatetime .field.date, .DMSDocumentActionsPanel .fieldgroup .expiry .embargoDatetime .field.time, .DMSDocumentActionsPanel .fieldgroup .expiry .expiryDatetime .field.date, .DMSDocumentActionsPanel .fieldgroup .expiry .expiryDatetime .field.time { display: inline-block; width: auto; margin: 0; padding: 0; }
.DMSDocumentActionsPanel .fieldgroup .embargo .embargoDatetime .field.date .middleColumn, .DMSDocumentActionsPanel .fieldgroup .embargo .expiryDatetime .field.date .middleColumn, .DMSDocumentActionsPanel .fieldgroup .expiry .embargoDatetime .field.date .middleColumn, .DMSDocumentActionsPanel .fieldgroup .expiry .expiryDatetime .field.date .middleColumn { background: url("../images/calendar-month.png") 90px 7px no-repeat; overflow: hidden; }
.DMSDocumentActionsPanel .fieldgroup .embargo .embargoDatetime .field.time .middleColumn, .DMSDocumentActionsPanel .fieldgroup .embargo .expiryDatetime .field.time .middleColumn, .DMSDocumentActionsPanel .fieldgroup .expiry .embargoDatetime .field.time .middleColumn, .DMSDocumentActionsPanel .fieldgroup .expiry .expiryDatetime .field.time .middleColumn { background: url("../images/clock-frame.png") 90px 7px no-repeat; overflow: hidden; }
.DMSDocumentActionsPanel .fieldgroup .embargo .embargoDatetime .middleColumn, .DMSDocumentActionsPanel .fieldgroup .embargo .expiryDatetime .middleColumn, .DMSDocumentActionsPanel .fieldgroup .expiry .embargoDatetime .middleColumn, .DMSDocumentActionsPanel .fieldgroup .expiry .expiryDatetime .middleColumn { margin-left: 0; width: auto; border: none; }
.DMSDocumentActionsPanel .fieldgroup .embargo .embargoDatetime .middleColumn input, .DMSDocumentActionsPanel .fieldgroup .embargo .expiryDatetime .middleColumn input, .DMSDocumentActionsPanel .fieldgroup .expiry .embargoDatetime .middleColumn input, .DMSDocumentActionsPanel .fieldgroup .expiry .expiryDatetime .middleColumn input { width: 80px; margin-right: 40px; }
.DMSDocumentActionsPanel #Embargo { border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.DMSDocumentActionsPanel .ss-uploadfield-files .ss-uploadfield-item-preview { background: url("../images/app_icons/generic_32.png") -10px -6px no-repeat; }
.DMSDocumentActionsPanel .ss-uploadfield-files .ss-uploadfield-item-name span.name { width: 260px; }
.DMSDocumentActionsPanel .ss-uploadfield-files .ss-uploadfield-item-actions .ss-uploadfield-item-cancel { width: auto; text-indent: 0; }
.DMSDocumentActionsPanel .ss-uploadfield-files .ss-uploadfield-item-actions .ss-uploadfield-item-cancel .btn-icon-deleteLight { background-position: 0 -128px; display: inline-block; }
.DMSDocumentActionsPanel .ss-uploadfield-files .ss-uploadfield-item-actions .ss-uploadfield-item-cancel .ui-button-text { display: block; position: relative; float: right; color: #555; padding: 0; padding-left: 2em; }
.DMSDocumentActionsPanel > .fieldgroup.middleColumn { overflow: hidden; display: block; }
.DMSDocumentActionsPanel > .fieldgroup.middleColumn .fieldgroup-field { width: 100%; }
Remove tabs styling from buttons
2012-08-03 06:17:19 +02:00
BUGFIX: Set 'Find linked document' width. Add placeholder text to date/time fields
2012-08-21 04:48:18 +02:00
#Form_ItemEditForm fieldset table.ss-gridfield-table { width: 494px; }
MINOR: Remove border from under actions buttons
2012-08-08 04:18:29 +02:00
#Form_ItemEditForm fieldset table.ss-gridfield-table tr th.main { min-width: 175px; }
BUGFIX: target styling for each specific gridfield so they don't over-ride styles when going back and forth between pages/panels
2012-08-07 06:58:38 +02:00
#Form_ItemEditForm fieldset table.ss-gridfield-table tr th.main.col-action_SetOrderID { width: 60px; min-width: 60px; }
MINOR: Fix styling to error message when replacing with a non supported document extension
2012-08-13 02:46:56 +02:00
#Form_ItemEditForm fieldset table.ss-gridfield-table tr td { white-space: normal; }
ENHANCEMENT: Add styling to Embargo and expiry fields. Change date format to dd-mm-yyyy
2012-08-16 06:18:41 +02:00
#ui-datepicker-div { border: 1px solid #DDD; }
Reference in New Issue Copy Permalink