tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-09-29 12:49:06 +02:00
Code Issues Projects Releases Wiki Activity

Changed CMS close from an 'x' to a silverstripe font icon

Browse Source
This commit is contained in:
Steve Boyd 2016-04-01 13:39:03 +13:00
parent 3d1673f687
commit 7887be704e
2 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
admin/css/screen.css
View File

File diff suppressed because one or more lines are too long

35
admin/scss/_style.scss
View File

@ -252,7 +252,7 @@ body.cms {
padding-top: 0; padding-top: 0;
overflow-x: hidden; overflow-x: hidden;
} }
.cms-panel-toggle.south { .cms-panel-toggle.south {
box-shadow: inset 0 1px 0 0 $color-light-separator; box-shadow: inset 0 1px 0 0 $color-light-separator;
} }
@ -772,7 +772,7 @@ body.cms {
height: 52px; height: 52px;
max-height: 52px; max-height: 52px;
background-color: $tab-panel-texture-color; background-color: $tab-panel-texture-color;
&.south .Actions { &.south .Actions {
height: 52px; height: 52px;
padding: $grid-y*1.5 $grid-x*2; padding: $grid-y*1.5 $grid-x*2;
@ -875,24 +875,21 @@ body.cms {
} }
.notice-item-close { .notice-item-close {
font-weight: normal; font-size: 0; // hide the textNode "x" that jquery.notice.js inserts
width: 12px;
height: 16px;
color: #555;
font-size: 16px;
overflow: hidden;
top: 4px;
right: 4px;
padding: 2px;
opacity: .8; opacity: .8;
&::before {
content: 'x';
}
&:hover { &:hover {
opacity: 1; opacity: 1;
} }
// apply relevant styles from .font-icon-cancel
&::before {
content: "\44";
font-size: 15px;
font-family: silverstripe, sans-serif;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
} }
@ -1622,7 +1619,7 @@ form.member-profile-form {
padding: 12px 16px; padding: 12px 16px;
} }
} }
.cms-content-view { .cms-content-view {
padding: 0 $grid-x*2 $grid-y*1.5; padding: 0 $grid-x*2 $grid-y*1.5;
} }
@ -1677,7 +1674,7 @@ form.member-profile-form {
border:none; border:none;
background: transparent url(../images/textures/cms_content_header.png) repeat; background: transparent url(../images/textures/cms_content_header.png) repeat;
box-shadow: $color-shadow-dark 0 0 ($grid-x / 2) inset; box-shadow: $color-shadow-dark 0 0 ($grid-x / 2) inset;
.ui-dialog-title { .ui-dialog-title {
position:absolute; position:absolute;
} }
@ -2197,7 +2194,7 @@ form.import-form {
.toggle-details-icon { .toggle-details-icon {
@extend .icon-sprites-32x32; @extend .icon-sprites-32x32;
@include sprite($sprites-32x32-menu-arrow-down); @include sprite($sprites-32x32-menu-arrow-down);
.ss-uploadfield-item-edit-all & { .ss-uploadfield-item-edit-all & {
@extend .icon-sprites-32x32; @extend .icon-sprites-32x32;
@include sprite($sprites-32x32-menu-arrow-deselected-down); @include sprite($sprites-32x32-menu-arrow-deselected-down);
@ -2215,7 +2212,7 @@ form.import-form {
.ss-uploadfield-item-edit-all &{ .ss-uploadfield-item-edit-all &{
@extend .icon-sprites-32x32; @extend .icon-sprites-32x32;
@include sprite($sprites-32x32-menu-arrow-deselected-up); @include sprite($sprites-32x32-menu-arrow-deselected-up);
display:inline-block; display:inline-block;
} }
} }