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

MINOR ModelAdmin styling

Browse Source
This commit is contained in:
Anselm Christophersen 2011-12-20 17:56:41 +01:00 committed by Ingo Schommer
parent 30377f277e
commit cdedbb8d37
2 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
admin/css/screen.css
View File

@ -224,12 +224,17 @@ html article, html aside, html details, html figcaption, html figure, html foote
/** -------------------------------------------- ModelAdmin -------------------------------------------- */
.ModelAdmin .ResultAssemblyBlock { display: none; }
.ModelAdmin .west h3.cms-panel-header { display: none; }
.ModelAdmin .west #SearchForm_holder div.ui-tabs-panel { border: 1px solid #aaa; margin-top: -1px; background: #fff; padding: 8px; }
.ModelAdmin .west #SearchForm_holder div.ui-tabs-panel h3 { margin-top: 16px; margin-bottom: 10px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); -moz-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); -o-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); }
.ModelAdmin .west #SearchForm_holder div.ui-tabs-panel form input { margin: 0px; }
.ModelAdmin .west #SearchForm_holder div.ui-tabs-panel form .field { border-bottom: 0px; margin-bottom: 6px; }
.ModelAdmin .west #SearchForm_holder div.ui-tabs-panel form .Actions button.ss-ui-action-minor { display: none; }
.ModelAdmin .cms-content-tools h3.cms-panel-header { display: none; }
.ModelAdmin .cms-content-tools #SearchForm_holder ul.ui-tabs-nav { overflow: hidden; }
.ModelAdmin .cms-content-tools #SearchForm_holder ul.ui-tabs-nav li { max-width: 99%; }
.ModelAdmin .cms-content-tools #SearchForm_holder ul.ui-tabs-nav li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 85%; }
.ModelAdmin .cms-content-tools #SearchForm_holder #ModelClassSelector { margin-bottom: 2px; }
.ModelAdmin .cms-content-tools #SearchForm_holder #ModelClassSelector select { width: 96%; }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab { border: 1px solid #aaa; margin-top: -1px; background: #fff; padding: 8px; }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab h3 { margin-top: 16px; margin-bottom: 10px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); -moz-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); -o-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab form input { margin: 0px; }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab form .field { border-bottom: 0px; margin-bottom: 6px; }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab form .Actions button.ss-ui-action-minor { display: none; }
/** -------------------------------------------- "Add page" dialog -------------------------------------------- */
.cms-page-add-form-dialog { display: none; }

24
admin/scss/_style.scss
View File

@ -285,12 +285,32 @@ html,body {
.ResultAssemblyBlock {
display: none;
}
.west {
.cms-content-tools {
h3.cms-panel-header {
display:none;
}
#SearchForm_holder {
div.ui-tabs-panel {
ul.ui-tabs-nav {
overflow:hidden;
li {
max-width:99%;
a {
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
//above 3 lines can also be achieved with mixin below
//@include ellipsis;
max-width:85%;
}
}
}
#ModelClassSelector {
margin-bottom:2px;
select {
width:96%;
}
}
div.tab {
border:1px solid #aaa; //following color from the jquery smoothness theme
margin-top:-1px;
background:#fff; //backround is kept white to follow tabs