tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-07-04 02:19:32 +02:00
Code Issues Projects Releases Wiki Activity

BUGFIX: actions panel

Browse Source 
Fix actions panel background colours and shading to work on both the
main page content areas and the settings area. Adjust margin and
z-index so there isn't a visible space on the left-hand side.
This commit is contained in:
Naomi Guyer 2012-04-27 15:48:09 +12:00
parent bd6ca59558
commit 4dc564b143
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
admin/css/screen.css
View File

@ -305,7 +305,8 @@ body.cms { overflow: hidden; }
.ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; }
/** -------------------------------------------- Actions -------------------------------------------- */
.cms-content-actions { margin: 8px 16px 16px 16px; height: 32px; z-index: 70; background-color: #e6eaed; -moz-box-shadow: #e6eaed 0 -16px 16px; -webkit-box-shadow: #e6eaed 0 -16px 16px; -o-box-shadow: #e6eaed 0 -16px 16px; box-shadow: #e6eaed 0 -16px 16px; }
.cms-content-actions { margin: 8px 16px 16px 0; padding-left: 16px; height: 32px; z-index: 0; -moz-box-shadow: #e6eaed 0 -16px 16px; -webkit-box-shadow: #e6eaed 0 -16px 16px; -o-box-shadow: #e6eaed 0 -16px 16px; box-shadow: #e6eaed 0 -16px 16px; }
.root-form .cms-content-actions { -moz-box-shadow: rgba(240, 243, 244, 0.8) 0 -16px 16px; -webkit-box-shadow: rgba(240, 243, 244, 0.8) 0 -16px 16px; -o-box-shadow: rgba(240, 243, 244, 0.8) 0 -16px 16px; box-shadow: rgba(240, 243, 244, 0.8) 0 -16px 16px; }
/** -------------------------------------------- Messages -------------------------------------------- */
.message { margin: 0 0 8px 0; padding: 7px 7px; font-weight: bold; border: 1px black solid; }

9
admin/scss/_style.scss
View File

@ -372,11 +372,14 @@ body.cms {
* -------------------------------------------- */
.cms-content-actions {
margin: $grid-y $grid-x*2 $grid-y*2 $grid-x*2;
margin: $grid-y $grid-x*2 $grid-y*2 0;
padding-left:$grid-x*2;
height: $grid-y*4;
z-index: 70;
background-color:darken($color-widget-bg, 2%);
z-index: 0;
@include box-shadow(darken($color-widget-bg, 2%) 0 $grid-y*-2 $grid-y*2);
.root-form &{
@include box-shadow(rgba($tab-panel-texture-color, 0.8) 0 $grid-y*-2 $grid-y*2);
}
}
/** --------------------------------------------