mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
Bug fix and code clean up
Removed tempory button fixs not needed any more, Removed unrelated commits, fix for preview note
This commit is contained in:
parent
6100eb957e
commit
c0a122613e
@ -196,7 +196,6 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
|
||||
.field.remove-splitter { border-bottom: none; box-shadow: none; }
|
||||
|
||||
/** ---------------------------------------------------- Buttons ---------------------------------------------------- */
|
||||
.cms { /* Tempory fix: Overide default icon & text styles as the order of the icon and text are mixed up */ }
|
||||
.cms .button-no-style button, .cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: none; border: none; color: #0073c1; display: block; font-weight: normal; margin: 0; outline: none; padding-left: 10px; padding-right: 10px; text-align: left; text-shadow: none; white-space: normal; }
|
||||
.cms .button-no-style button.ss-ui-action-destructive, .cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button.ss-ui-action-destructive { color: #c22730; }
|
||||
.cms .button-no-style button span, .cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel button span { padding-left: 0; padding-right: 0; }
|
||||
@ -226,8 +225,6 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
|
||||
.cms .ss-ui-buttonset .ui-button { margin-left: -1px; }
|
||||
.cms .ss-ui-buttonset { margin-left: 1px; }
|
||||
.cms .ss-ui-loading-icon { background: url(../../images/network-save.gif) no-repeat; display: block; width: 16px; height: 16px; }
|
||||
.cms .south .Actions .ss-ui-button.ss-ui-action-constructive .ui-button-text-alternate { margin-left: 22px; }
|
||||
.cms .south .Actions .ss-ui-button.ss-ui-action-constructive .ui-icon { position: absolute; left: 10px; top: 5px; }
|
||||
|
||||
/** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */
|
||||
.fieldgroup .fieldgroup-field { float: left; display: block; padding: 8px 0 0 8px; }
|
||||
@ -919,7 +916,7 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
|
||||
|
||||
/* Styling for the preview screen sizes */
|
||||
.cms-preview { background-color: #eceff1; height: 100%; width: 100%; }
|
||||
.cms-preview .preview-note { color: #CDD7DC; display: block; font-size: 22px; font-weight: bold; height: 82px; margin-top: -50px; margin-left: -150px; /* half of width */ position: absolute; text-align: center; text-shadow: 0 1px 0 #fff; top: 50%; width: 300px; }
|
||||
.cms-preview .preview-note { color: #CDD7DC; display: block; font-size: 22px; font-weight: bold; height: 82px; margin-top: -50px; margin-left: -150px; /* half of width */ position: absolute; text-align: center; text-shadow: 0 1px 0 #fff; top: 50%; left: 50%; width: 300px; }
|
||||
.cms-preview .preview-note span { background: url('../images/sprites-64x64-s88957ee578.png') 0 0 no-repeat; display: block; height: 41px; margin: 0 auto 20px; width: 50px; }
|
||||
.cms-preview .preview-scroll { height: 100%; overflow: auto; position: relative; width: 100%; }
|
||||
.cms-preview .preview-scroll .preview-device-outer { height: 100%; width: 100%; }
|
||||
|
@ -509,18 +509,6 @@ form.small .field, .field.small {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
/* Tempory fix: Overide default icon & text styles as the order of the icon and text are mixed up */
|
||||
.south .Actions .ss-ui-button.ss-ui-action-constructive {
|
||||
.ui-button-text-alternate {
|
||||
margin-left: 22px;
|
||||
}
|
||||
.ui-icon {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** ----------------------------------------------------
|
||||
|
@ -11,6 +11,7 @@
|
||||
/*Mixin used to generate slightly smaller text and forms
|
||||
Used in side panels and action tabs
|
||||
*/
|
||||
.cms .ss-gridfield > div { margin-bottom: 36px; }
|
||||
.cms .ss-gridfield > div.addNewGridFieldButton { margin-bottom: 0; }
|
||||
.cms .ss-gridfield > div.addNewGridFieldButton .action { margin-bottom: 12px; }
|
||||
.cms .ss-gridfield[data-selectable] tr.ui-selected, .cms .ss-gridfield[data-selectable] tr.ui-selecting { background: #FFFAD6 !important; }
|
||||
@ -21,10 +22,11 @@ Used in side panels and action tabs
|
||||
.cms .ss-gridfield .right > * { float: right; margin-left: 8px; }
|
||||
.cms .ss-gridfield .right .pagination-records-number { font-size: 1.0em; padding: 6px 3px 6px 0; color: white; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); font-weight: normal; }
|
||||
.cms .ss-gridfield .left { float: left; }
|
||||
.cms .ss-gridfield .left > * { margin-right: 8px; float: left; }
|
||||
.cms .ss-gridfield .left > * { margin-right: 8px; float: left; font-size: 14.4px; }
|
||||
.cms .ss-gridfield .ss-gridfield-buttonrow { font-size: 14.4px; }
|
||||
.cms .ss-gridfield .grid-levelup { text-indent: -9999em; margin-bottom: 6px; }
|
||||
.cms .ss-gridfield .grid-levelup a.list-parent-link { background: transparent url(../images/gridfield-level-up.png) no-repeat 0 0; display: block; }
|
||||
.cms .ss-gridfield .add-existing-autocompleter { width: 500px; }
|
||||
.cms .ss-gridfield .add-existing-autocompleter span { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; }
|
||||
.cms .ss-gridfield .add-existing-autocompleter input.relation-search { width: 270px; margin-bottom: 12px; }
|
||||
.cms .ss-gridfield .grid-csv-button, .cms .ss-gridfield .grid-print-button { margin-bottom: 12px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
|
||||
|
@ -13,7 +13,7 @@ Used in side panels and action tabs
|
||||
.ss-uploadfield .clear { clear: both; }
|
||||
.ss-insert-media .ss-uploadfield { margin-top: 20px; }
|
||||
.ss-insert-media .ss-uploadfield h4 { float: left; }
|
||||
.ss-uploadfield .middleColumn { width: 510px; padding: 0; background: #fff; border: 1px solid #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); }
|
||||
.ss-uploadfield .middleColumn { width: 526px; padding: 0; background: #fff; border: 1px solid #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); }
|
||||
.ss-uploadfield .ss-uploadfield-item { margin: 0; padding: 15px; overflow: auto; }
|
||||
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview { height: 60px; line-height: 60px; width: 80px; text-align: center; font-weight: bold; float: left; overflow: hidden; }
|
||||
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone { -webkit-box-shadow: gray 0 0 4px 0 inset; -moz-box-shadow: gray 0 0 4px 0 inset; box-shadow: gray 0 0 4px 0 inset; border: 2px dashed gray; background: #d0d3d5; display: none; }
|
||||
|
@ -39,6 +39,7 @@ $gf_grid_x: 16px;
|
||||
.cms {
|
||||
.ss-gridfield {
|
||||
& > div {
|
||||
margin-bottom: $gf_grid_y*3;
|
||||
&.addNewGridFieldButton{
|
||||
margin-bottom: 0;
|
||||
.action {
|
||||
@ -86,12 +87,13 @@ $gf_grid_x: 16px;
|
||||
& > * {
|
||||
margin-right:$gf_grid_x/2;
|
||||
float: left;
|
||||
font-size: $gf_grid_y*1.2;
|
||||
}
|
||||
}
|
||||
|
||||
.ss-gridfield-buttonrow {
|
||||
font-size: $gf_grid_y*1.2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ss-gridfield {
|
||||
@ -111,6 +113,7 @@ $gf_grid_x: 16px;
|
||||
width: 270px;
|
||||
margin-bottom: $gf_grid_y;
|
||||
}
|
||||
width: 500px;
|
||||
}
|
||||
.grid-csv-button, .grid-print-button {
|
||||
margin-bottom: $gf_grid_y;
|
||||
|
@ -22,7 +22,7 @@
|
||||
.middleColumn {
|
||||
// TODO .middleColumn styling should probably be theme specific (eg cms ui will look different than blackcandy)
|
||||
// so we should move this style into the cms and black candy files
|
||||
width: 510px;
|
||||
width: 526px;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
border: 1px solid lighten($color-medium-separator, 20%);
|
||||
|
Loading…
Reference in New Issue
Block a user